Come eseguire la semplice convalida della casella di controllo JavaScript

Su vari siti Web, una scatola a forma quadrata chiamata "Casella di controllo"Sembra accettare tutti i termini e le condizioni prima di inviare un modulo. Allo stesso modo, le caselle di controllo vengono utilizzate in forme specifiche di raccolta delle informazioni, come i sondaggi, per ottenere le opinioni degli utenti. La convalida delle caselle di controllo aiuta a garantire che la casella di controllo sia contrassegnata o controllata. Sarà utile migliorare l'esperienza dell'utente avvisando l'utente di eventuali errori nel modulo prima di essere inviati.

Questo post definirà la procedura per convalidare la casella di controllo in JavaScript.

Come eseguire la semplice convalida della casella di controllo JavaScript?

Per eseguire la convalida della casella di controllo, utilizzare "controllato"Proprietà dell'elemento della casella di controllo. Se la casella di controllo è controllata, dà "VERO"Altrimenti, ritorna"falso" per il "non controllato"Casella di controllo.

Esempio

Crea una casella di controllo nel modulo e inviarla segnando o controllando la casella di controllo. Se si tenta di inviare il modulo senza controllare la casella di controllo (accettando i termini e le condizioni), lancerà un errore e il modulo non verrà inviato:

Accetto tutti i termini e le condizioni

Definire una funzione "convalida ()"Per convalidare la casella di controllo mostrando un messaggio di errore durante l'invio del modulo senza contrassegnare la casella di controllo:

convalida della funzione ()

Var CheckBox = Documento.getElementById ("accetta");
Se (!Casella di controllo.controllato)
documento.getElementById ("Errore").InnerHtml = "È necessario accettare i termini e le condizioni controllando la casella di controllo";
restituire false;

documento.getElementById ("Errore").InnerHtml = "Grazie ...";
restituire vero;

Nel codice sopra dato:

• Innanzitutto, ottieni il riferimento della casella di controllo utilizzando il suo ID.
• Quindi, controlla se la casella di controllo è controllata/contrassegnata utilizzando il "controllato" proprietà.
• Se la casella di controllo non è contrassegnata, mostra un messaggio di errore e chiedi di contrassegnare la casella di controllo per l'invio del modulo.

È inoltre possibile utilizzare la sintassi di seguito per verificare se la casella di controllo è contrassegnata:

Se (casella di controllo.controllato == false)

Produzione

Abbiamo fornito il metodo più semplice per convalidare la casella di controllo in JavaScript.

Conclusione

Per eseguire una semplice convalida JavaScript della casella di controllo, utilizzare "controllato" proprietà. Controllerà se la casella di controllo è controllata/contrassegnata dando il valore booleano nelle condizioni controllate o non controllate. Questo post ha descritto la procedura per la convalida delle caselle di controllo in JavaScript.