Comment éviter que la touche "entrer" valide un formualire.

Version imprimable

Bonjour,
après plusieurs recherches sur ce site et le net et de nombreux tests, je n'arrive pas à empêcher la validation d'un formulaire lorsqu'on appuie sur la touche "entrer" .

Voici la "gueule" type de mes formulaires :
http://dianamahe.free.fr/etape_3_b.PNG

Je n'ai aucun submit. Seule les flèches droite et gauche devrait permettre de soumettre le formulaire.

Voici la structure de code :
Code:

1 2 <form name="reservation" id="reservation" METHOD='POST' ACTION="Reservation.php" onsubmit="return ValidationSaisie()">
code ou apparait les choix pour soumettre le formualire
Code:

1 2 3 4 5 6 7 8 <div id="bloc_barre_haut_titreInterface_resa">Step 2 - Provider (resa# <? echo $id_reservation; ?>)</div> <div id="bloc_barre_haut_boutons_resa"> <img style="display:block; float:right;" src= "../images/hautarrondinoir4.png" /> <input style="display:block; float:right; margin-left:10px; margin-top:1px;" type="image" name="Etape2_vers_Etape3" src="../images/form_suiv.png" alt="Step 3" title="Step 3"/> <input style="display:block; float:right; margin-top:1px;" type="image" name="Etape2_vers_Etape1" src="../images/form_prec.png" alt="Step 1" title="Step 1"/> </div>
la fonction ValidationSaisie() teste certaines conditions. renvoie false si champs mal remplit et true si tout est ok.

Je ne vois pas comment faire. Lorsque je remplit un iput text et fait "entrer", mon formulaire est validé (si tout est ok par ailleurs). J'ai tenté de mettre dans ma fonction ValidationSaisie(), un test pour savoir si la touche entrer avait été activée, de renvoie false, mais cela n'a pas fonctionner.

Par avance merci

02/03/2009, 13h21
SpaceFrog

Un grand classique pourtant
remplace l'input type sumbit par un bouton

Code:

<input type="button" onclick="this.form.submit()" value="envoyer" />
02/03/2009, 13h25
tavarlindar

Bonjour SpaceFrog,
as-tu bien lu mon post ?

j'ai 2 images qui doivent valider mon form : type="image" name="Etape2_vers_Etape3"
02/03/2009, 13h27
SpaceFrog

tu as un input type image ?

oui

Code:

1
2
 
<input style="display:block; float:right; margin-left:10px; margin-top:1px;" type="image" name="Etape2_vers_Etape3" src="../images/form_suiv.png" alt="Step 3" title="Step 3"/>

ici j'en ai 2, mais parfois 4.

02/03/2009, 13h28
SpaceFrog

mets à la place un input type button avec une image en background
l'input type image agit comme un submit et reagit à la touche enter
02/03/2009, 13h30
tavarlindar

et on fait cela comment ?
02/03/2009, 13h32
SpaceFrog

:roll:

Code:

style="background-image:url('path.jgp')"
02/03/2009, 13h43
tavarlindar

hum, why not. mais tu n'as pas autre chose ?
un code js qui renverait false si la touche "entrer" vient d'être utilisée ?
02/03/2009, 13h46
SpaceFrog

oui tu peux faire une usine à gaz pour surveiller l'appui sur la touche enter ...
il doit d'ailleurs y'en en avoir une dizaine sur le forum ...
alors qu'un simple bouton suffit comme parade et au moins couvre le cas ou js n'est pas activé ...
02/03/2009, 13h50
tavarlindar

je suis d'accord avec toi, mais cela m'oblige à revoir le code d'au moins 70 formulaires, revoir la pagination, etc. De plus, js est obligatoire pour mon appli.
02/03/2009, 13h57
SpaceFrog

heu avec un EDI type notepad c'est fait en 30 secondes ...
recherche remplace

j'ai testé en mettant :
Code:

1 2 <input style="display:block; float:right; margin-top:1px;background-image:url('/images/form_prec.png')" type="button" name="Etape3_vers_Etape2" alt="Step 2" title="Step 2" onClick='ValidationSaisie()'/>
mais cela fait bugger ma fonction ValidationSaisie . Bon ok, elle me cause des soucis cette fonction pour ce formulaire, mais bon, actuellement, le code fonctionne autrement. Là ça plante. (Pb posté hier).

Donc je vais plutôt m'orienter vers une fonction qui détecter l'usage de la touche entrée.
Sinon, ta logique est la solution.

Code:

1
2
 
<input style="display:block; float:right; margin-top:1px;background-image:url('/images/form_prec.png')" type="button" name="Etape3_vers_Etape2"  alt="Step 2" title="Step 2" onClick='if (ValidationSaisie()) this.form.submit()'/>

je viens de lire ton post Matthieu2000, donc pas testé. Je vais le faire.

Pour l'heure, j'ai mis dans mon code js et je suis heureux. Cela fonctionne parfaitement :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
document.onkeypress = function(event) {
      var code = -1;
      if (!event) {
         event = window.event;
      }
      if (event.which) {
         code = event.which;
      } else if (event.keyCode) {
         code = event.keyCode;
      }
      if (code == 13) {
          return false;
      }
   }

Bon, je viens de tester en mettant :
Code:

1 2 <input style="display:block; float:right; margin-top:1px;background-image:url('/images/form_prec.png')" type="button" name="Etape3_vers_Etape2" alt="Step 2" title="Step 2" onClick='if (ValidationSaisie()) this.form.submit()'/>
et cela génère un message d'erreur. Sans doute, une de mes fonctions js pose problème après validation. J'ai posté hier à ce sujet. Mais après au moins 80 heures de recherche, j'ai capitulé. Mon code marche chez les utilisateurs sous Firefefox, peut provoquer un message d'erreur sous IE, mais sans conséquence. Donc je laisse telle quel.

et j'ai l'erreur suivante :

num_fournisseur_utilise is null
ValidationSaisie()Reservation.php (ligne 1200)
onclick(click clientX=1238, clientY=125)%2BsqLsa...Wmw%3D%3D (ligne 2)
[Break on this error] var valeur_num_fournisseur_utilise = num_fournisseur_utilise.value;

Cela étant dit, la solution du bouton me parait la meilleure. Je ne sais pas pourquoi cela fait planter le reste. Incompréhensible.

Merci encore à vous deux. C'est vraiment très sympa.

Très grand bien à vous deux.

Tavar