Formulaire sans submit

Version imprimable

30/08/2006, 16h59
poussinphp

Formulaire sans submit

Bonjour à tous !

Voila un petit moment que je cherche dans les forum faq etc... mais je n'ai pas trouvé ce que je cherche. :?

J'ai un formulaire contenant 2 inputs de type "text" (login et password). Je voudrais que lorsque j'appuis sur la touche entrée ça valide le formulaire (pour eviter le vilain bouton submit.;)

J'ai essayé quelques manipulation mais sans résultat. Or, lorsque j'ai qu'un seul champs comme pour "rechercher", là ça marche sans mettre aucune option 8O

c'est possible de faire ça ou il il faut que je remette le vilain pas beau bouton? :aie:

Les naigateurs HTML, pour éviter des erreurs de saisie lorsque plusieurs champs de type "text" sont présents dans le formulaire empèchent la validation de ce dernier par la saisie de la touche "<ENTREE>".

du coup, tu es obligé d'utiliser du JavaScript :aie: pour valider ton formulaire en attrapant la touche entrée sur chacune de tes zones de saisie.

La fonction JS ressemblera donc à ça :
Code:

1 2 3 4 5 6 7 function keyHandler() { f = this.form; // Récupère le formulaire contenant le champ // c'est possible de le passer en paramètre à la place if ( event.keyCode == 13 ) { f.submit(); } }
et au niveau de tes zones de saisie, tu dois avoir

Code:

<input type="text" onkeyup="javascript:keyHandler()"/>

Si tu as déjà pas mal de zones de saisies et que tu veux ne pas tout avoir à modifier, tu peux utiliser une fonction JS comme celle-ci :
Code:

1 2 3 4 5 6 7 8 9 10 11 function setHandler() { for ( var i=0 ; i<document.forms.length ; i++ ){ f=document.forms[i]; for ( var j=0 ; j<f.length ; j++ ){ c=f[j]; if( c.type=="text" ){ c.onkeyup=keyHandler; } } } }
que tu dois appeler au chargement de ta page :

Code:

<body onload="javascript:setHandler()">...

Certains utilisent l'équivalent de la fonction keyHandler() adaptée pour être appliquée au document complet, mais je n'aime vraiment pas la solution...

Je ne suis par contre pas certain à 100% que cette méthode fonctionne toujours avec gecko, il faudrait peut-être modifier un peu le code...

30/08/2006, 18h03
poussinphp

J'ai testé mais malheureusement ça ne marche pas :( .

J'ai fais pas mal de tests dessus. Avec le bugzilla de firefox j'ai pu voir que le problème venais d'un manque de paramètres.

j'ai donc fais :
Code:

1 2 3 4 5 6 7 8 9 10 11 function keyHandler(f) { f = this.form; // Récupère le formulaire contenant le champ // c'est possible de le passer en paramètre à la place if ( event.keyCode == 13 ) { f.submit(); } } ----- <input type="text" onkeyup="javascript:keyHandler(this);"/>
Mais ça ne marche toujours pas. J voit plut trop quoi faire là :cry:

31/08/2006, 14h32
SpaceFrog

Code:

<input type='submit' style='visibility:hidden' />
31/08/2006, 15h22
poussinphp

Et moi qui me prenais la tête...:oops:

Merci :)