é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

nouveau fichier

<!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>

soumettre Réinitialiser le code

Opération automatique

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

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]