Le contenu de cet article est de présenter comment implémenter la vérification des cases à cocher du formulaire en js. Lorsque le formulaire est soumis, il est jugé si la case à cocher est cochée. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.
js implémente la validation des cases à cocher des formulaires
Sur le site Web, lorsque nous soumettons certains formulaires, tels que l'inscription, etc., il y aura une demande en bas pour les personnes pour "accepter les termes et conditions" » ou quelque chose de similaire. Fondamentalement, si vous n'êtes pas d'accord (ne sélectionnez pas), vous ne pouvez pas soumettre le formulaire.
Alors comment implémenter une telle fonction ?
C'est en fait très simple. En utilisant Vanilla JavaScript, nous pouvons empêcher la soumission du formulaire, comme indiqué ci-dessous :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js实现表单的复选框验证</title>
<script type="text/javascript">
function checkForm(form) {
if(!form.terms.checked) {
alert("请注明接受条款和条件。");
form.terms.focus();
return false;
}
return true;
}
</script>
</head>
<body>
<form id="example1" method="POST" action="" onsubmit="return checkForm(this) && alert('成功!');">
<p><input id="field_terms" type="checkbox" name="terms">
<label for="field_terms">我接受 <u>条款和条件</u></label></p>
<span><input type="submit"></span>
</form>
</body>
</html>Rendu :
Vous avez terminé, vous pouvez l'essayer vous-même !
Résumé : Ce qui précède représente l’intégralité du contenu de cet article, j’espère qu’il sera utile à l’étude de chacun.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
