Comment effectuer la validation de la boîte à cocher JavaScript simple

Sur divers sites Web, une boîte en forme carrée appelée «cocher»Semble accepter tous les termes et conditions avant de soumettre un formulaire. De même, les cases à cocher sont utilisées dans des formes spécifiques de collecte d'informations, telles que des enquêtes, pour obtenir les opinions des utilisateurs. La validation des cases à cocher permet de s'assurer que la case à cocher est marquée ou cochée. Il sera utile d'améliorer l'expérience utilisateur en alertant l'utilisateur de toutes les erreurs du formulaire avant leur soumission.

Ce message définira la procédure de validation de la case à cocher en javascript.

Comment effectuer la validation de la boîte à cocher JavaScript simple?

Pour effectuer la validation de la case à cocher, utilisez le «vérifié»Propriété de l'élément à cocher. Si la case à cocher est cochée, elle donne «vrai"Sinon, ça revient"FAUX" pour le "pas vérifié”Box.

Exemple

Créez une case à cocher dans le formulaire et soumettez-la en marquant ou en vérifiant la case à cocher. Si vous essayez de soumettre le formulaire sans vérifier la case (acceptant les termes et conditions), il lancera une erreur et le formulaire ne sera pas soumis:

J'accepte tous les termes et conditions

Définir une fonction "validation()«Pour valider la case à cocher en affichant un message d'erreur lors de la soumission du formulaire sans marquer la case:

Validation de la fonction ()

var checkbox = document.getElementById ("accepter");
si (!cocher.vérifié)
document.getElementByid ("erreur").innerhtml = "Vous devez accepter les termes et conditions en vérifiant la case à cocher";
retourne false;

document.getElementByid ("erreur").innerhtml = "merci…";
Retour Vrai;

Dans le code donné ci-dessus:

• Tout d'abord, obtenez la référence de la case à cocher en utilisant son ID.
• Ensuite, vérifiez si la case à cocher est cochée / marquée en utilisant le «vérifié" propriété.
• Si la case à cocher n'est pas marquée, affichez un message d'erreur et demandez à marquer la case pour soumettre le formulaire.

Vous pouvez également utiliser la syntaxe ci-dessous pour vérifier si la case à cocher est marquée:

if (coche.vérifié == false)

Sortir

Nous avons fourni la méthode la plus simple pour valider la case à cocher en javascript.

Conclusion

Pour effectuer une validation JavaScript simple de la case à cocher, utilisez le «vérifié" propriété. Il vérifiera si la case à cocher est cochée / marquée en donnant la valeur booléenne dans les conditions cochées ou incontrôlées. Ce message a décrit la procédure de validation des cases à cocher en javascript.