Maison  >  Article  >  interface Web  >  attribut d'événement HTML onsubmit déclenché lors de la soumission du formulaire

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

黄舟
黄舟original
2017-11-04 14:40:225904parcourir

Instance

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

<form action="demo_form.asp" onsubmit="checkForm()">

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 ff9c23ada1bcecdd1a0fb5d5a0f18437.

Différences entre HTML 4.01 et HTML5

Aucune.

Syntaxe

<form onsubmit="script">

Valeur d'attribut

描述
script onsubmit 发生时运行的脚本。

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


.

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!

Déclaration:
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