Discussion :

[anti-conformiste]

Bonjour,

Un formulaire tout simple. Je souhaite, pour plusieurs raisons, faire en sorte qu' une pression sur la touche "Enter" donne le focus au champ suivant (comme le fait la touche "Tab") au lieu de valider le formulaire ?

Y'a-t-il un moyen simple ???

Merci d'avance

[Borus]

En HTML non, tourne toi peut être du côté du Javascript.

[MasterOfChakhaL]

La seule solution consisterait a utiliser le javascript pour intercepter l'événement de la touche entrée

Je ne connais pas tes raisons, mais je pense que cela déroutera plus d'un utilisateur....

[Roromix]

En javascript, on détecte la touche Entrée avec

Code :

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

onkeypress="next('IDDUCHAMPSUIVANT');"

Il faut donc mettre le code ci-dessus dans chaque champs
ex : <input id="name" onkeypress="next('IDDUCHAMPSUIVANT');"/>

la fonction javascript :

Code :

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

1
2
3
4
5
6
7
<script>
function next(Idnext) {
var Next = document.getElementById(Idnext);
if(window.event.keyCode == '13')
Next.focus();
} 
</script>

ex : on tape dans le champs avec id="name", le champs suivant est id="firstname"

Code :

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

1
2
3
<input id="name" onkeypress="next('firstname');"/>
 
<input id="firstname" onkeypress="next('adresse');"/>

Voila, en espérant que cela te plaise.

Attention : il ne faut pas qu'il y ai de bouton de type submit

Code :

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

<input type="submit"  id="submit" value="submit">

sinon le script ne fonctionnera pas et ton formulaire sera envoyé. Remplace ce bouton par une image ou un text avec ce lien

Code :

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

1
2
<a href="#" onclick="javascript:document.NOMDUFORMULAIRE.submit();
">IMAGE OU TEXTE</a>

[anti-conformiste]

En javascript, on détecte la touche Entrée avec

Code :

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

onkeypress="next('IDDUCHAMPSUIVANT');"

Il faut donc mettre le code ci-dessus dans chaque champs
ex : <input id="name" onkeypress="next('IDDUCHAMPSUIVANT');"/>

la fonction javascript :

Code :

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

1
2
3
4
5
6
7
<script>
function next(Idnext) {
var Next = document.getElementById(Idnext);
if(window.event.keyCode == '13')
Next.focus();
} 
</script>

ex : on tape dans le champs avec id="name", le champs suivant est id="firstname"

Code :

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

1
2
3
<input id="name" onkeypress="next('firstname');"/>
 
<input id="firstname" onkeypress="next('adresse');"/>

Voila, en espérant que cela te plaise.

Attention : il ne faut pas qu'il y ai de bouton de type submit

Code :

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

<input type="submit"  id="submit" value="submit">

sinon le script ne fonctionnera pas et ton formulaire sera envoyé. Remplace ce bouton par une image ou un text avec ce lien

Code :

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

1
2
<a href="#" onclick="javascript:document.NOMDUFORMULAIRE.submit();
">IMAGE OU TEXTE</a>

Ok, Super, merci infiniment.
J'étais vraiment bloqué par rapport au bouton submit, ça me posais problème, en effet !!!
Merci beaucoup, vraiment