comment interdire la validation d'un form par "Entrée&q

**taillooo** · 13/09/2005, 15h43

bonjour,
j'aimerais forcer l'utilisateur de mon formulaire à clicker sur le bouton submit pour le valider, et non en tapant "Entrée".

Je fais déja un test onKeyPress dans mon champ text pour savoir si c le caractere 13 (entrée) qui a été pressé, mais malheureusement c trop tard car dans tout les cas (meme apres l'ouverture d'un popup de warning), le formulaire est de toute facon soumis.... :-(

j'ai aussi essayé de changer mon bouton de type submit en type button, mais ca ne change rien.
Qq'un a t il une idée ?
Merci !

**pc75** · 13/09/2005, 16h02

Bonjour,

Fais voir un bout de code que l'on comprenne comment tu essaies de faire ça.

**taillooo** · 13/09/2005, 16h59

Voici le bout de code correspondant :

Voici le JS :

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
16
17
 
<head>
 <SCRIPT LANGUAGE="javascript">
function surveille(touche)
{ 
         if(touche==13)
	{
		var reponse = false;
		reponse = confirm('ATTENTION... Voulez-vous vraiment continuer ?')
 
		if (reponse == true)
			{document.form2.submit();}
	}
 
}
</SCRIPT>
</head>

et le corps du code :

Code :

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

1
2
3
4
5
6
7
8
 
<body>
<form name="form2" method=post action="Contro">
 
<input type='text' name='nom' onKeyPress="surveille(event.keyCode)">
.....
          </form>
  </body>

[/code]

**SpaceFrog** · 14/09/2005, 08h41

remplcae le bouton submit du formulaire par un bouton tout simple sur le onclick duquel tu fais un form.submit() ...
Question abordé la semaine dernière ...

**taillooo** · 14/09/2005, 10h11

bonjour,
oui c deja ce que j'ai fait, puisque j'ai evidemment commencé par regarder les topics precedents avant de poster le mien.

Mais ca ne marche pas. C pour ca que je fais appel à vous.

**taillooo** · 14/09/2005, 10h17

voici tres basiquement un petit prog de test qui ne teste que cela. Et bien le message tapé dans la zone de texte est qd mm soumis apres avoir tapé sur entrée. Je ne comprend vraiment pas.

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
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
<head>
<SCRIPT LANGUAGE="javascript">
	function submitDestroy()
	{
	var reponse = false;
	reponse = confirm('ATTENTION, la page choisie va être définitivement supprimée. Voulez-vous vraiment continuer ?')
 
	if (reponse == true)
		{document.form2.submit();}
	}
 
 
	function surveille(touche)
	{ 
	if(touche==13)
	{
			var reponse = false;
			reponse = confirm('ATTENTION, la page choisie va être définitivement supprimée. Voulez-vous vraiment continuer ?')
 
			if (reponse == true)
				{document.form2.submit();}
			else
			{}
	}
	else
		{alert(event.keyCode);}
}
 
</SCRIPT>
</head>
 
<body>
<form name="form2" method=post action="" onSubmit="">
 
                     <input type='text' name='nom' onKeyPress="surveille(event.keyCode)">
                 <input type='button' name='Submit' value='D&eacute;truire' onClick="submitDestroy()">
 
          </form>
  </body>

Please help !!

**taillooo** · 14/09/2005, 11h06

bon alors apres d'autres investigations, ca marche qd il y a minimum 2 champs texte dans le formulaire... mais pas avec 1 seul...

**SpaceFrog** · 14/09/2005, 11h18

tu testes avec quel browser ?

**taillooo** · 14/09/2005, 12h01

avec IE

**SpaceFrog** · 14/09/2005, 13h24

no comment ...

**StreM** · 14/09/2005, 15h56

Mais pourquoi mettre un INPUT SUBMIT alors qu'un INPUT BUTTON pourrait aussi bien appeler le script qui fait un document.form.submit() et ne renvoie rien ?
Passqu'avec IE, on peut s'attendre à ce que ca merdoie, c'est sur...

**taillooo** · 14/09/2005, 16h07

meme sans parler d'un quelconque bouton: si on met juste un champ texte dans un formulaire, qd on valide ce champ par entrée, il n'y a aucun moyen de l'annuler.
On peut faire toutes les actions de JS qu'on veut apres avoir detecté que c le code ascii 13, apres la derniere action, il soumet le formulaire.
Enfin c comme ca que ca marche chez moi. Je cherche, je cherche un contournement, mais y a pas moyen que je trouve...

**StreM** · 14/09/2005, 16h10

Et un <input quelconque onsumbit="return(false);"> ?

**fred777888999** · 14/09/2005, 16h18

Rien compris a ton probleme... Essaie le code suivant et dis moi si ca fait ce que tu souhaites et si non pourquoi :

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
16
17
18
19
20
21
 
<head> 
<SCRIPT LANGUAGE="javascript"> 
   function ValideDestruction() { 
	return confirm('ATTENTION, la page choisie va être définitivement supprimée. Voulez-vous vraiment continuer ?') 
   } 
 
   function Soumettre() {
      if ( ValideDestruction() ) {
         form2.submit();
      }
   }
</SCRIPT> 
</head> 
 
<body> 
<form name="form2" method="get" action="" onSubmit="return ValideDestruction()">     
          <input type="text" name="nom"> 
	<input type="button" name="Submit" value="D&eacute;truire" onClick="Soumettre()"> 
</form> 
</body>

++
Fred.

**taillooo** · 14/09/2005, 16h20

:-)) merci !!!

je fais un onSubmit dans l'en tete du formulaire avec return(false), et en effet, ca n'envoie rien !!
bon ca marque un warning en bas dans la fenetre IE, met pour l'instant ca m'ira tres bien qd mm !! :-))

Encore merci StreM, tu sauves mes nerfs !