É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
section suivante