Notice : Undefined variable: index : in /ref/index.php on line 13
Warning : preg_replace() [function.preg-replace.html]: Unknown modifier '(' : in /ref/index.php on line 53
Warning : preg_replace() [function.preg-replace.html]: Unknown modifier '(' : in /ref/index.php on line 53
Formulaires : Onsubmit contre onclick -- Le Coin Web de QuentinC

Vous êtes ici : Accueil > Référence HTML et JavaScript > Formulaires : Onsubmit contre onclick

Formulaires : Onsubmit contre onclick

En lisant cet article, vous apprendrez pourquoi il est préférable d'utiliser l'évènement onsubmit sur l'élément form plutôt qu'onclick sur le bouton de soumission.

Dans le top ten des erreurs de conception de formulaires les plus courantes, on trouve ce type de code :

IL s'agit d'un bouton de soumission de formulaire (input avec le type submit), auquel on a assigné un script sur l'évènement onclick.

« Pourquoi c'est mal ? » me demanderez-vous peut-être. Eh bien, c'est simple : que va-t-il se passer si je valide le formulaire par la touche Entrée ?

Réponse : rien du tout ! La fonction javascript de vérification de formulaire ne sera pas exécutée, ce qui peut être dommageable.

La solution : utilisez l'évènement onsubmit sur l'élément form, il a été conçu exprès pour ça ! Voici un petit exemple :

Dans la fonction de vérification, vous pouvez ensuite décider d'envoyer le formulaire ou non en retournant true (pour soumettre) ou false (pour annuler).

Vous êtes ici : Accueil > Référence HTML et JavaScript > Formulaires : Onsubmit contre onclick

Dernière modification de cette page : Dimanche 23 avril 2006 19:08
Haut de page  •  Contact  •  RSS  •  Valide XHTML 1.0