Maison > Article > interface Web > Layui détermine si le formulaire est vide
Layui détermine si le formulaire est vide
- 尚original
- 2019-07-30 16:13:096278parcourir
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!