Changer touche entrée

Bonjour,

je voudrais avoir dans un formulaire la touche entrée qui ne valide pas le formulaire,
mais qui remplace la touche tabulation (ou plutot qui fait la même chose)
c'est à dire passer au champ suivant.
Ne me demandez pas pourquoi, ce sont des habitudes des utilisateurs.
Et c'est vrai que sur des séries de saisie de chiffre, c'est pratique.
j'ai fait un script pompé à droite à gauche :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29

<script language='JavaScript'> function EntreeChampSuivant(event,n) { var m = n+1; // Compatibilité IE / Firefox if(!event && window.event) { event = window.event; } // IE if(event.keyCode == 13) { event.returnValue = false; event.cancelBubble = true; document.getElementById(m).focus(); } // DOM if(event.which == 13) { event.preventDefault(); event.stopPropagation(); } } </script> ... <form method="post" enctype="multipart/form-data" action="test.exec.php"> ... <input type="text" id="1" name="serie1" maxlength="10" size="10" onkeypress="EntreeChampSuivant(event,1);"/> <input type="text" id="2" name="serie2" maxlength="10" size="10" onkeypress="EntreeChampSuivant(event,2);"/> ... <input id="4" name="traiter_form" src="images/btn_traiter.gif" type="image" value="submit" alt="Traiter">&nbsp;&nbsp;&nbsp; </form>

---

Ca marche impeccable.
Sauf quand je ne mets pas id="x". Si je me trouve sur ce champ, il ne passe pas à l'input suivant. Normal.
(je me sers de id pour nommer mon input pour des types particuliers, date par ex.)
Mais il me valide le formulaire. Je voudrais qu'il ne le valide pas, lorsque je tape entrée
et que je suis positionné sur ce champ.
Je ne comprends pas pourquoi il valide le formulaire.
j'ai bien :

Code:

---

1 2 3

if(event.keyCode == 13) { event.returnValue = false; event.cancelBubble = true;

---

Merci

remplace le bouton submit du form par un type='button'

Ok, j'avais en fait 2 erreurs :

Code:

---

<input id="4" name="traiter_form" type="button" value="Valider">

---

et il faut aussi ajouter une autre fonction spécifique qui ne traite pas l'id : (trouvée aussi sur un thread)

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

function StopEntree(event) { // Compatibilité IE / Firefox if(!event && window.event) { event = window.event; } // IE if(event.keyCode == 13) { event.returnValue = false; event.cancelBubble = true; } // DOM if(event.which == 13) { event.preventDefault(); event.stopPropagation(); } }   <input id='$heuresysteme' type='text' name='...' readonly size='15' value=\"$dhorigine\" onkeypress=\"StopEntree(event);\"/>

---

Merci

En fait non, il ne faut pas mettre un bouton, mais une image :
ca fonctionne :

Code:

---

<input border="0" id="4" name="traiter_form" src="images/btn_traiter.gif" type="image" value="submit" alt="Traiter">

---

ca ne fonctionne pas :

Code:

---

1 2 3

<input id="4" name="traiter_form" type="button" value="Valider"> ou : <IMG id="4" src="images/btn_traiter.gif" alt="Modifier" onClick="document.forms['traiter_form'].submit() ">

---

Ton bouton image à le même comportement qu'un submit

voici ce qu'il faut faire

Code:

---

1 2	<input id="4" name="traiter_form" type="button" value="Valider" onclick="if(this.form.onsubmit()){this.form.submit()}>

---