ne pas soumettre le formulaire en appuyant sur "entrer"

**pekka77** · 30/08/2006, 15h36

Bonjour,

Je souhaiterais désactiver la touche Entrée pour un seul champ input de mon formulaire.
J'utilise la touche Entrée pour autre chose et je ne voudrais pas que mon formulaire soit validé... ça a l'air simple mais je rencontre des problèmes lors des événements.

Merci pour votre aide

**pc75** · 30/08/2006, 16h19

Bonjour,

Je suppose que tu as un bouton submit dans ta page ?

Si oui, remplace le par un type button

**pekka77** · 30/08/2006, 16h32

Oui bonne idée, j'y avais pas pensé.
Mais je pense que cela ne marche pas pour un champ input spécifique mais pour tous les champs du formulaire.
A la limite, je veux bien empecher la soumission du formulaire lorsqu'on clique sur Entrée pour nimporte quel champ mais ça m'embete de remplacer l'input submit par un input bouton.
Je suis en fait en train de créer un composant à inclure dans un formulaire donc je ne controle pas le type de bouton pour valider le formulaire.
Par contre je veux bien un script que je peux appeler à partir d'un input afin de bloquer la soumission du formulaire par la touchée Entrée.
J'ai du mal à gérer avec les onKeyUp et Down. La touche Entrée passe tout le tps...

Merci

**pc75** · 30/08/2006, 16h48

Re,

Avec un truc comme ça :

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
 
<script language="javascript">
function Verif()
{
if (condition à faire)
   {
   alert("Erreur");
   }
else
   {
   document.MonFormulaire.action='MaPage.asp';
   document.MonFormulaire.submit();
   }
}
</script>
....
<input type="button" value="Valider" onclick="Verif()">
.....

**SpaceFrog** · 30/08/2006, 16h58

je me demande bien pourquoi on a inventé onsubmit () ?

**pekka77** · 30/08/2006, 17h06

Envoyé par pc75

Re,

Avec un truc comme ça :

Justement ce que je veux c'est ne pas mettre d'input type button....

je me demande bien pourquoi on a inventé onsubmit () ?

ça fait parti des evenements que j'ai du mal à gérer comme je l'ai dit dans mon premier post.
Par ex ce code :

Code :

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

     document.getElementById('champ-texte').form.onSubmit = function() { alert("coucou"); };

devrait afficher "coucou" quand je soumets le formulaire... et bien non! Le formulaire est envoyé sans message!

SpaceFrog tu sais comment je peux faire ?

Pour te dire moi je pensais écrire qqch comme je viens d'ecrire en remplacant le message coucou par un test sur la touche appuyé. Si c'est la touche entrée je renvoie faux. Mais bon ça marche pas je ne sais pas pourquoi...

Code :

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

1
2
3
     document.getElementById('champ-texte').form.onSubmit = function() { 
       if (event.keyCode == 13) return false;
     };

**SpaceFrog** · 30/08/2006, 17h33

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
<script type='text/javascript'>
 
function verif(){
					var retour =(document.forms[0].elements['one'].value.length>0)
					document.forms[0].action=(retour)? "javascript:alert('c\\'est parti');":"javascript:alert('pas bien')";
					document.forms[0].submit();
					}
</script>					
<body>
<form action="" onsubmit="alert();return verif()" >
<input type="text" name='one' />
<input type ="button" onclick='verif()' value="envoyer" />
 
</form>
</body>
 
</html>

**pekka77** · 30/08/2006, 17h51

Envoyé par SpaceFrog

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
<script type='text/javascript'>
 
function verif(){
					var retour =(document.forms[0].elements['one'].value.length>0)
					document.forms[0].action=(retour)? "javascript:alert('c\\'est parti');":"javascript:alert('pas bien')";
					document.forms[0].submit();
					}
</script>					
<body>
<form action="" onsubmit="alert();return verif()" >
<input type="text" name='one' />
<input type ="button" onclick='verif()' value="envoyer" />
 
</form>
</body>
 
</html>

Je ne controle pas le bouton d'envoi du formulaire !!
Et c'est là tout le problème.
Je code une sorte de composant avec des champs input text et hidden.
Le champ texte provoque l'apparition d'un Div généré en Ajax et dynamique en fct de ce que tape l'utilisateur. Dans ce div il peut sélectionner la valeur qu'il souhaite insérer dans le div et appuyer sur Entrée. Je ne veux pas que l'appui sur la touche Entrée provoque la soumission du formulaire...

Mis à part ces champs input text et hidden, je ne controle pas du tout le reste de la page. Je ne connais donc pas l'id du formulaire. Je peux accéder aux éléments qu'à partir de mes champs input.

Voilà j'espère que vous comprenez mieux maintenant, sinon n'hésitez pas à me poser des questions.

Merci.. là jsuis vmt bloqué.

J'ai aussi essayé ceci ans succés :

Code :

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

1
2
3
4
 
     if (event.keyCode == 13) {
       document.getElementById('champ-texte').form.onSubmit = function() { return false; };
     }

Le debuggeur me dit que event n'est pas de propriétés.
Pour windows.event même erreur

Merci!

**FremyCompany** · 30/08/2006, 17h55

Code :

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

<input type="button" onclick="frm.submit()" />

**SpaceFrog** · 31/08/2006, 08h27

Fremy il semblerait sous IE tout du moins que le lancement dynamique du submit ne declenche pas le onsubmit ...

par contre je ne comprends pas :

Je ne controle pas le bouton d'envoi du formulaire !!
Et c'est là tout le problème.

tu veux controler quoi au juste ???

**javatwister** · 31/08/2006, 10h46

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
<form>
<p>
<input type="text" name="t" id="t" />
// ici des truc inaccessibles, dont le bouton "submit"
</p>
</form>
 
<script type="text/javascript">
 
document.getElementById("t").onkeypress=function(e){
 
	ev= e ? e.which : event.keyCode;
 
        if(ev==13){
		this.form.onsubmit=function(){
			return false
		}
 
	}
}
 
</script>

**FremyCompany** · 31/08/2006, 11h11

Envoyé par SpaceFrog

Fremy il semblerait sous IE tout du moins que le lancement dynamique du submit ne declenche pas le onsubmit ...

Je sais, mais si il tient à lancer son onsubmit, il y a le code adéquat dans le forum (page CodeSource/FAQ)

**FremyCompany** · 31/08/2006, 11h14

Envoyé par javatwister

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
<form>
<p>
<input type="text" name="t" id="t" />
// ici des truc inaccessibles, dont le bouton "submit"
</p>
</form>
 
<script type="text/javascript">
 
document.getElementById("t").onkeypress=function(e){
 
	ev= e ? e.which : event.keyCode;
 
        if(ev==13){
		this.form.onsubmit=function(){
			return false
		}
 
	}
}
 
</script>

Lol, tu as oublié de sauvegarder l'ancien onsubmit dans ton code

Et d'ailleurs, tu le réinstore comment

**javatwister** · 31/08/2006, 11h20

pekka77 dit qu'il n'y a pas accès; quelle importance que je le mette ou non?

**pekka77** · 31/08/2006, 11h23

Envoyé par javatwister

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
<form>
<p>
<input type="text" name="t" id="t" />
// ici des truc inaccessibles, dont le bouton "submit"
</p>
</form>
 
<script type="text/javascript">
 
document.getElementById("t").onkeypress=function(e){
 
	ev= e ? e.which : event.keyCode;
 
        if(ev==13){
		this.form.onsubmit=function(){
			return false
		}
 
	}
}
 
</script>

Merci beaucoup javatwister !
Mais je rencontre encore un problème bizarre...
Lorsque j'appuie sur Entrée sur un autre champ input que celui d'ID "t", le formulaire est validé. Jusque là c'est normal.
Lorsque j'appuie sur Entrée sur le champ d'id "t", la bouton Entrée ne génère pas la soumission du formulaire. Donc toujours normal, j'obtiens bien ce que je veux.

Par contre une fois avoir Appuyer sur Entrée dans ce champ, le formulaire ne peut plus du tout être soumis. Si je vais dans un autre champ et que j'appuie sur Entrée le formulaire n'est pas soumis et même si j'appuie sur le bouton submit....
C'est assez étrange parce que d'après ton code la fonction qui annule l'envoi du formulaire n'est appelé que si je suis dans le champ d'id "t" et que j'appuie sur la touche Entrée.

J'ai l'impression que lorsqu'on force une fois le formulaire a ne pas être soumis par la touche Entrée, il ne peut plus jamais être soumis...

Quelqu'un a une idée ?

Pour répondre à SpaceFrog, je pense que maintenant tu comprends mieux avec la réponse de javatwister.

Autre chose : J'ai inséré le code Javascript après le champ input d'id "t" mais avant le bouton submit.

Mon composant doit pouvoir être inclu à l'intérieur d'un formulaire à la manière d'un "mega champ" si vous preferez. Il ne doit donc pas contenir de champ pour valider le formulaire.

Merci pour votre aide.

**FremyCompany** · 31/08/2006, 11h32

Envoyé par FremyCompany

Lol, tu as oublié de sauvegarder l'ancien onsubmit dans ton code

Et d'ailleurs, tu le réinstore comment

=On peut plus envoyer si vbCrLf a été envoyé au moins une fois... bref c'est pas une bonne idée

**pekka77** · 31/08/2006, 12h02

Envoyé par FremyCompany

=On peut plus envoyer si vbCrLf a été envoyé au moins une fois... bref c'est pas une bonne idée

Ok je comprends mieux mon problème alors...
Tu aurais une solution à me proposer FremyCompany ?

**javatwister** · 31/08/2006, 12h02

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
<form>
<p>
<input type="text" name="t" id="t" />
<input type="submit" />
</p>
</form>
 
<script type="text/javascript">
var ev;
 
 
document.getElementById("t").onkeypress=function(e){
 
	ev= e ? e.which : event.keyCode;
 
        if(ev==13){
		this.form.onsubmit=function(e){
			ev= e ? e.which : event.keyCode;
			if(ev==13){
				return false	
			}
		}
 
		return false
 
 
	}
}
 
 
</script>

**pekka77** · 31/08/2006, 12h24

Merci ça marche nickel !!!
J'ai pas bein compris pourquoi le premier script ne marchait pas mais bon...
Là j'ai l'impression d'une redondance en fait.
Mais en tout cas celui là marche très bien!!
Merci beaucoup!

**javatwister** · 31/08/2006, 12h25

ben oui, forcément, le script est un peu poussif mais c'est nécessaire

ne pas soumettre le formulaire en appuyant sur "entrer"

JavaScript

Discussions similaires

Partager

Partager