Discussion :

[Oluha]

Salut

Je sais que la question a été posée pleins de fois car j'ai fais une recherche.

J'ai d'abord testé la solution d'un booléen global, initialisé à false et qui passe à true sur le onClick du bouton submit. Ca ne fonctionne pas, bizarrement dès que la fonction de validation du formulaire est appelée la variable est à true alors que j'ai fais entrée et donc pas cliqué sur le bouton

J'ai ensuite testé l'autre méthode : transformer mon submit en button et sur le onClick appeler ma fonction de validation qui fera le submit si tout est ok. Le soucis c'est que si mon formulaire est bon, soit j'ai un message d'erreur sur le submit qui me dit que la fonction n'existe pas, soit je n'ai aucune erreur dans la console mais le submit ne se fait pas

Voici le code :

Code :

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

1
2
3
4
5
6
7
<form name="abon" id="abon" method="post" action="abo3.asp"  autocomplete="off">
 
...
 
<input name="submit" type="button" id="submit" value="Valider" class="bouton" onClick="valide()">
 
...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function valide() {
 
...
 
	if (erreur != "") {
		erreur = "Veuillez renseigner :\n" + erreur;
		alert(erreur);
	} else {
		document.abon.submit;
	}
}

Si vous avez une idée, merci !

[boss_gama]

essaie avec:

Code :

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

<form name="abon" id="abon" method="post" action="abo3.asp"  autocomplete="off" onClick="valide()>

[NeHuS]

Salut ,

on submit du form ... c'est fait pour ça

[Oluha]

oui je sais mais j'ai le que lu onSubmit ne se déclenchais pas quand on faisait le submit par javascript

sinon le onlick sur la balise form, c'est pas du tout ca puisque au moindre click sur un input il me lance ma fonction

[Bisûnûrs]

Code :

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

document.abon.submit();

[Oluha]

Code :

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

document.abon.submit();

déjà testé, ca me fait une erreur dans la console

Erreur : document.abon.submit is not a function

[Bisûnûrs]

Tu peux aussi faire :

Code :

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

<input name="submit" type="button" id="submit" value="Valider" class="bouton" onClick="valide(this)">

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function valide(bouton) {
   form = bouton.form;
...
 
   if (erreur != "") {
      erreur = "Veuillez renseigner :\n" + erreur;
      alert(erreur);
   } else {
      form.submit();
   }
}

[Oluha]

Tu peux aussi faire :

Code :

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

<input name="submit" type="button" id="submit" value="Valider" class="bouton" onClick="valide(this)">

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function valide(bouton) {
   form = bouton.form;
...
 
   if (erreur != "") {
      erreur = "Veuillez renseigner :\n" + erreur;
      alert(erreur);
   } else {
      form.submit();
   }
}

déjà testé aussi et même résultat : si je met submit() j'ai une erreur dans la console et si je met submit rien ne se passe et pas d'erreur dans la console

[Bisûnûrs]

Essaye de changer l'id et le nom de ton bouton, on ne sait jamais. ^^

Parce que ce code je l'utilise tout le temps et je n'ai jamais eu d'erreur avec.

[Oluha]

je viens de changer nom et id du bouton mais toujours pareil. Je capte vraiment pas ce qui cloche.
Même la 1ere méthode que j'ai exposée dans mon 1er post, je comprend pas pourquoi une fois dans la fonction le booléen est à true alors qu'il est bien à false quand je l'appelle au chargement de la page.

Donc s'il existe une 3eme solution pour empecher la validation d'un formulaire avec la touche entrée, je suis preneuse.

[Johnbob]

Je ne comprends pas bien où est le problème...

Peux-tu essayer comme ceci:

Code :

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

1
2
3
<form id="myForm" [...] >
<input type="button" onclick="document.getElementById('myForm').submit();" [...] />
</form>

[NeHuS]

oui je sais mais j'ai le que lu onSubmit ne se déclenchais pas quand on faisait le submit par javascript

excuse moi mais pourquoi ne passe tu pas par un input type submit ? tu veux absolument utiliser la méthode Submit ?

[Oluha]

Bon je capte plus rien mais maintenant ca fonctionne

sinon pour répondre à NeHus, la méthode submit ne me déplait pas mais comme indiqué dans le titre je cherchais à empecher la validation du formulaire avec la touche Entrée et les solutions trouvées sur le forum donnait les 2 méthodes exposées dans le 1er post.