Discussion :

[tavarlindar]

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 :


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

Voici la structure de code :

Code :

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

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 :

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

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

[SpaceFrog]

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

Code :

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

<input type="button" onclick="this.form.submit()" value="envoyer" />

[tavarlindar]

Bonjour SpaceFrog,
as-tu bien lu mon post ?

j'ai 2 images qui doivent valider mon form : type="image" name="Etape2_vers_Etape3"

[SpaceFrog]

tu as un input type image ?

[tavarlindar]

oui

Code :

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

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.

[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

[tavarlindar]

et on fait cela comment ?

[SpaceFrog]

Code :

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

style="background-image:url('path.jgp')"

[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 ?

[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é ...

[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.

[SpaceFrog]

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

[tavarlindar]

j'ai testé en mettant :

Code :

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

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.

[Matthieu2000]

Code :

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

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()'/>

[tavarlindar]

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 :

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

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;
      }
   }

[tavarlindar]

Bon, je viens de tester en mettant :

Code :

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

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