Le formulaire ne peut pas être vide pour soumettre un rappel :
Lorsque vous travaillez sur un système administrateur, Il y a un problème avec le backend est que les données soumises dans le formulaire frontal ne peuvent pas avoir de champs vides. La solution à cette époque était d'utiliser des js natifs pour faire fonctionner le DOM afin d'effectuer des opérations de jugement et de pop-up. Après
, en parcourant la communauté, j'ai découvert que le formulaire avait un événement onSubmit. Cet événement peut être compris comme étant déclenché juste avant la soumission du formulaire. à cet événement, et dans la fonction de rappel, effectuez le code de vérification pour savoir s'il existe un formulaire vierge et le code de rappel.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src = "checkNull.js"></script>
</head>
<body>
//表单在进行提交的前一刻会调用onsubmit事件，这个事件会接受checkInput这个函数的返回值。
<form action="" onsubmit = "return checkInput(this)">
<input type="text" placeholder="请输入用户名">
<input type="text" placeholder="请输入密码">
<input type="submit">
</form>
</body>
</html>
<script>
function checkInput(form) {
for (let i = 0; i < form.length; i++) {
alert("进来了");
if (form.elements[i].value == "") {
alert("请您输入" + form.elements[i].placeholder);
form.elements.onfocus();
//这里返回一个Boolean值，从而确定表单是否能够提交
return false;
}
}
}
</script>Recommandé : Tutoriel sur le framework layui
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!
méthode d'ouverture du fichier pkg
Comment insérer des numéros de page dans ppt
La différence entre les fonctions fléchées et les fonctions ordinaires
Quelles sont les performances de php8 ?
minidump.dmp
Utilisation de la fonction fscanf
Comment utiliser fusioncharts.js
Quels sont les systèmes d'exploitation mobiles ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
