Maison > interface Web > tutoriel HTML > le corps du texte

attribut d'événement HTML onsubmit déclenché lors de la soumission du formulaire

黄舟
Libérer: 2017-11-04 14:40:22
original
5906 Les gens l'ont consulté

Instance

Exécuter un morceau de JavaScript lorsque le formulaire est soumis :

<form action="demo_form.asp" onsubmit="checkForm()">
Copier après la connexion

Prise en charge du navigateur

IE

Firefox

Chrome

Safari

Opera

Tous les principaux navigateurs prennent en charge l'attribut onsubmit .

Définition et utilisation

L'attribut onsubmit est déclenché lorsque le formulaire est soumis.

L'attribut onsubmit n'est utilisé que dans

.

Différences entre HTML 4.01 et HTML5

Aucune.

Syntaxe

<form onsubmit="script">
Copier après la connexion

Valeur d'attribut

描述
scriptonsubmit 发生时运行的脚本。

Dans le développement quotidien, une vérification est souvent requise avant la soumission du formulaire (vérifier si le format de date est correct, Vérifier si une entrée est vide...), la première chose qui vient à l'esprit est l'événement onsubmit Lorsqu'un bouton de type soumettre est cliqué, la première chose qui est déclenchée est le. événement onsubmit() du formulaire. À ce stade, nous pouvons rédiger notre propre vérification. Le code est le suivant :

<form action="1.asp" method="post" name="form1"  onsubmit=“alert(‘执行了onsubmit事件’);return true;”>   
               <input type="submit" name="save" value="保存" />   
</form>
Copier après la connexion
Mais si on appelle directement l'événement submit() du formulaire, onsubmit() ne sera pas exécuté. Le code est le suivant :

<. 🎜>

Si nous voulons appeler l'événement onsubmit du formulaire, nous ne pouvons que l'appeler de cette manière :
<form action="1.asp" method="post" name="form1"  onsubmit=“alert(‘执行了onsubmit事件’);return true;”>   ”>   
               <input type="button" name="save" value="保存" onclick=”this.form.submit();” />   
</form>
Copier après la connexion


.

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:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal