communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français

événement de formulaire jQuery submit() événement

Événement de soumission

Définition et utilisation

Lorsqu'un formulaire est soumis, l'événement de soumission se produit.

Cet événement s'applique uniquement aux éléments de formulaire.

La méthode submit() déclenche l'événement submit ou spécifie une fonction à exécuter lorsque l'événement submit se produit.

Syntaxe

$('').submit()

Analysons-le en détail, regardez le code ci-dessous

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>submit</title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
    <form action="#" method="post" name="form">
        用户名：<input type="text" placeholder="请输入用户名"></br></br>
        用户名：<input type="password" placeholder="请输入密码"></br></br>
        <input type="submit" value="提交">
    </form>

</body>
</html>

Comme le montre le code ci-dessus, notre formulaire n'ajoute pas d'événements, mais il sera soumis à un endroit par défaut. Autrement dit, lorsque nous apprendrons le langage de script PHP plus tard, nous traiterons le formulaire

.

Alors, comment pouvons-nous l'ajouter ici ? La page est traitée côté client, puis j'ai besoin d'un code jquery pour traiter le formulaire

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>submit</title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
    <form action="#" method="post" name="form">
        用户名：<input type="text" placeholder="请输入用户名"></br></br>
        用户名：<input type="password" placeholder="请输入密码"></br></br>
        <input type="submit" value="提交">
    </form>

    <script>
        $('form').submit(function(){
            alert('error');
        })
    </script>
</body>
</html>

Comme indiqué dans le code ci-dessus, nous soumettons le formulaire, cliquez sur le bouton, déclenchez l'événement de soumission et affichez un message d'erreur, comme celui-ci. Nous pouvons traiter le formulaire sur cette page, comme les règles de nom d'utilisateur et de mot de passe. Si elles ne sont pas respectées, le formulaire ne sera pas soumis à une autre page. pour le traitement

Formation continue
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>submit</title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> <form action="#" method="post" name="form"> 用户名：<input type="text" placeholder="请输入用户名"></br></br> 用户名：<input type="password" placeholder="请输入密码"></br></br> <input type="submit" value="提交"> </form> <script> $('form').submit(function(){ alert('error'); }) </script> </body> </html>
soumettreRéinitialiser le code
Section précédente section suivante
Liste des didacticiels
obtenir de l'aide
  • Recommandations de cours
  • Téléchargement du didacticiel
Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~

Les étudiants qui ont regardé ce cours apprennent également

Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)  492413 joue