Discussion :

[Amnesiak]

Bonjour à tous,

Je rencontre un petit problème assez désagréable avec mes formulaires HTML. En effet, lorsque j'entre des valeurs dans une zone de texte, j'ai souvent le réflexe de valider ma saisie en appuyant sur le touche "Enter". Or, ceci soumet le formulaire.

Est-il donc possible d'empêcher que le formulaire soit automatiquement soumis lorsqu'on presse cette touche ?

Merci d'avance pour toute suggestion

[Séb.]

Ma foi si tu valides ta saisie c'est normal que sur le web le formulaire soit soumis
Ce que tu peux faire malgré tout :
Un fonction disableEnter( ) qui au chargement (window.onload) parcourt les éléments des <form> de la page, pour chaque <input type="text"> tu rajoutes un listener qui empêche la "saisie" d'un [ENTER].
Tu vas t'amuser vu que IE et FF n'ont pas le même modèle de gestion des évènements.

[SpaceFrog]

vire le bouton de type submit et remplaces le par un input type button sur le onclick duquel tu fais un document.form.submit()

[Séb.]

vire le bouton de type submit et remplaces le par un input type button sur le onclick duquel tu fais un document.form.submit()

Solution rapide à mettre en place et efficace.
Maintenant faut voir si Amnesiak n'est pas :
1. Embêté que certains visiteurs ne supportant pas JS ne puissent soumettre le <form>
2. Trop tatillon sur la propreté de son HTML (un <form> sans vrai bouton submit : bof)

[siddh]

ben faut savoir ce qu'il veut,
si il veut pas que entrée envoit le formulaire il a pas trop de choix.

[SpaceFrog]

tu peux toujours mettre une variable bool à tru ou false sur l'appui de la touche entree sur le keypress du form ... puis dans le onsubmit du form faire un return lebool ...

[Séb.]

ben faut savoir ce qu'il veut,
si il veut pas que entrée envoit le formulaire il a pas trop de choix.

Si si...

[siddh]

oui mais ca va etre des gros bidouillages

[SpaceFrog]

ce que je propose est au moins universel ...

[Amnesiak]

Merci à vous tous pour vos suggestions. J'ai adopté une solution inspirée de la proposition de SpaceFrog grâce à cette petite fonction trouvée sur le net, appelée sur l'évènement KeyPress du formulaire.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
function disableEnterKey(e)
{
     var key;
 
     if(window.event) key = window.event.keyCode;     //IE
     else key = e.which;     //firefox
 
     if(key == 13) return false;
     else return true;
}

Ca requiert que Javascript soit activé chez le visiteur, ce qui n'est pas un problème car il s'agit d'une application Intranet limitée à un nombre défini d'utilisateurs, et ça fonctionne sous IE et Firefox. Parfait quoi !

Merci à vous