Nwlapcug.com


Come convalidare una casella di controllo in HTML

Come convalidare una casella di controllo in HTML


Inserimento di caselle di controllo in HTML è semplice, ma convalida li..--che è, in realtà assicurandosi di aver verificato uno o più..--richiede un po' di lavoro supplementare. Per questo, è necessario aggiungere un codice separato per il codice HTML. Questo pop-up un avviso se le caselle di controllo non sono valide (l'utente ha dimenticato di controllare qualsiasi di essi). In caso contrario, il tuo sito avrà alcun modo di sapere se il modulo è stato compilato correttamente.

Istruzioni

1

Aprire il codice HTML in un editor di testo.

2

Inserire il seguente nella sezione head (tra < head > e < / head >). Questo esempio ha due caselle di controllo:

< script type = "text/javascript" lingua = javascript >

Function checkCheckBoxes() () {

Se (document.frmTest.CHKBOX1.checked = = false & &

document.frmTest.CHKBOX2.checked = = false & &)

{

Alert ('errore messaggio!');

restituire false;

}

altro

{

Restituisce true;

}

}

< / script >

3

Sostituire "CHKBOX1" e "CHKBOX2" con i valori della vostra caselle di controllo (dal codice di layout nel vostro corpo, HTML). Se si dispone di più di due caselle di controllo, ripetere la riga "document.frm... & &" tante volte quanto necessario.

4

Sostituire "Messaggio di errore" con qualsiasi messaggio che si desidera visualizzare se un utente restituisce un form non valido da non selezionare alcuna casella.

5

Scorrere verso il basso il corpo del codice HTML, dove avete il vostro codice di layout di casella di controllo.

6

Aggiungere il casella di controllo layout codice tra parentesi quadre i seguente:

< formano onsubmit = "return checkCheckBoxes();" azione = "" nome = "frmTest" >

...

< / form >

7

Salvare il codice HTML. Ora tutte le caselle di controllo creato verrà convalidate quando gli utenti tentano di inviare il modulo.