Ciao a tutti.
Devo realizzare un form, in cui devo inserire due gruppi di checkbox, che oltre a ricevere i dati in input devono svolgere anche altre funzioni aggiuntive:
Checkbox 1
In questo gruppo di checkbox, l'utente deve selezionare minmo 1 massimo 4 opzioni tra 8 opzioni disponibili. Vorrei aggiungere al codice (che ho riportato qui sotto) anche un controllo che verifichi che le opzioni scelte siano effettivamente comprese tra 1 e 4, altrimenti non si prosegue nella compilazione del form. Qual'è il codice adatto?
Mio codice:
[B]
1) Describe your character (you can select max 4 answers): </span>
<input type="checkbox" name="tuo-carattere-DOLCE" class="checkbox" />sweet</input>
<input type="checkbox" name="tuo-carattere-ROMANTICO" class="checkbox" />romantic</input>
<input type="checkbox" name="tuo-carattere-TRASGRESSIVO" class="checkbox" />transgressive</input>
<input type="checkbox" name="tuo-carattere-RIBELLE" class="checkbox" />rebel</input>
<input type="checkbox" name="tuo-carattere-AUTORITARIO" class="checkbox" />authoritarian</input>
<input type="checkbox" name="tuo-carattere-PASSIONALE" class="checkbox" />passionate</input>
<input type="checkbox" name="tuo-carattere-OTTIMISTA" class="checkbox" />optimistic</input>
<input type="checkbox" name="tuo-carattere-PESSIMISTA" class="checkbox" />pessimist </input>
Checkbox 2
In quest'altro gruppo di checkbox, l'utente deve selezionare i componenti della sua famiglia (le opzioni sono: padre, madre, sorella, sorella, sorella, fratello, fratello).
Vorrei che a fianco della checkbox selezionata, appaia anche un input a "tendina" in cui selezionare l'età del soggetto e più a fianco deve comparire un input tipo "textarea" in cui scrivere l'attività del soggetto (entrambi i campi devono essere "required").
Ovviamente se il checkbox non è selezionato, non devono apparire questi campi.
Questo è il codice dei soli checkbox:[B]
Currently, your family is composed as follows (select all members of your family, indicating the age and the employment):
</span>
<input type="checkbox" name="padre" class="checkbox" />fhater</input>
<input type="checkbox" name="madre" class="checkbox" />mather</input>
<input type="checkbox" name="sorella1" class="checkbox" />sister</input>
<input type="checkbox" name="sorella2" class="checkbox" />sister</input>
<input type="checkbox" name="sorella3" class="checkbox" />sister</input>
<input type="checkbox" name="fratello1" class="checkbox" />brother</input>
<input type="checkbox" name="fratello2" class="checkbox" />brother</input>
Qual'è il codice che devo aggiungere?
Grazie 1000!
![]()