communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > Tutoriel Layui > Layui détermine si le formulaire est vide

Layui détermine si le formulaire est vide

尚
Libérer： 2019-07-31 08:59:28
original
6321 Les gens l'ont consulté

Layui détermine si le formulaire est vide

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>
Copier après la connexion

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!

Étiquettes associées：
layui 表单
source：php.cn
Article précédent：Comment connecter layui et le backend Article suivant：Comment layui détermine l'incohérence du mot de passe
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
3
2225
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
11
2369
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
1978
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
1864
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
1936
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal