Come convalidare una casella di controllo in HTML

September 8

Come convalidare una casella di controllo in HTML


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

istruzione

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" language = JavaScript>

checkCheckBoxes function () {

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

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

{

alert ( 'MESSAGGIO DI ERRORE!');

return false;

}

altro

{

return true;

}

}

</ Script>

3 Sostituire "CHKBOX1" e "CHKBOX2" con i valori delle caselle di controllo (dal codice del layout nel vostro corpo HTML). Se si dispone di più di due caselle di controllo, ripetere la linea "document.frm ... &&" tutte le volte che è necessario.

4 Sostituire "MESSAGGIO DI ERRORE" con qualsiasi messaggio che si desidera visualizzare se un utente restituisce un modulo valido per non selezionare alcuna casella.

5 Scorrere verso il basso per il corpo del codice HTML, dove avete il vostro assegno codice del layout di dialogo.

6 Aggiungere le seguenti staffe di tutto il codice di controllo di layout scatola:

<Form onsubmit = "return checkCheckBoxes ();" action = "" name = "frmTest">

...

</ Form>

7 Salvare il codice HTML. Ora tutte le caselle di controllo creati saranno convalidati quando gli utenti tentano di inviare la loro forma.