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

Version imprimable

13/09/2005, 15h43
taillooo

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

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 !
13/09/2005, 16h02
pc75

Bonjour,

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

Voici le bout de code correspondant :

Voici le JS :

Code:

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:

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]

14/09/2005, 08h41
SpaceFrog

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 ... :roll:
14/09/2005, 10h11
taillooo

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.

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:

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 !!

14/09/2005, 11h06
taillooo

bon alors apres d'autres investigations, ca marche qd il y a minimum 2 champs texte dans le formulaire... mais pas avec 1 seul...
14/09/2005, 11h18
SpaceFrog

tu testes avec quel browser ?
14/09/2005, 12h01
taillooo

avec IE
14/09/2005, 13h24
SpaceFrog

no comment ...
14/09/2005, 15h56
StreM

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...
14/09/2005, 16h07
taillooo

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...
14/09/2005, 16h10
StreM

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

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

Code:

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.

14/09/2005, 16h20
taillooo

:-)) 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 !
14/09/2005, 16h28
StreM

Pas de quoi ! :D
Oublie pas de mettre ton post en résolu :wink:
14/09/2005, 17h33
taillooo

Merci également Fred, ta méthode marche aussi !! :-))