Données du formulaire effacées lors du submit

Version imprimable

10/01/2007, 12h42
finalfx

Données du formulaire effacées lors du submit

Bonjour,

j'ai créé un formulaire auquel j'ai associé un script de validation pour vérifier l'encodage correct des différents champs, le script fonctionne bien, lorsque je soumets le formulaire, les différentes fautes sont signalées mais ce qui me dérange c'est que tous les champs sont remis à zéro même ceux qui étaient corrects ! J'ai un bouton reset pour effacer les champs mais je ne comprends pas pourquoi au onsubmit le formulaire est réinitialisé (même quand tous les champs sont corrects!)8O

Merci d'avance !!
10/01/2007, 12h47
SpaceFrog

heu elle fait quoi la focntion de verif sur le onsubmit ?

il faut lui faire retourner true ou falseet faire

Code:

onsubmit='return mafonctiondeverif()'

car je dirais à priori que là ton formulaire est soumis à chaque fois ce qui sous ie vide les champs, à moins que tu ne fasse un rafraichissement de la page ...

Tu peux nous montrer le code ?

voici mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<form action="" method="get" name="formulaire" id="formulaire" onsubmit="return validation();" onreset="return confirmation();">
<p><label>Introduisez votre adresse e-mail :</label><input name="email" id="email" type="text" size="30" maxlength="30"></p>
<div name="emailAnswer" id="emailAnswer"></div>
<p><label>Vérification de l'email :</label><input name="email2" id="email2" type="text" size="30" maxlength="30"></p>
<p><label><select name="liste" id="liste">
  <option value="soeur">Quel est l'âge de votre soeur ?</option>
  <option value="pere">Quel est l' âge de votre père ?</option>
  <option value="mere">Quel est l' âge de votre mère</option>
</select></label><input name="choix" type="text" size="30" maxlength="30" /></p>
<p class="boutons"><input name="envoi" type="submit" value="Envoyer" /><input name="annuler" type="reset" value="Annuler" /></p>
 
</form>

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
 
function confirmation()
{
	return confirm("Voulez-vous réinitialiser le formulaire ?");
}
 
function validation()
{
	var email = document.formulaire.email.value;
	var email2 = document.formulaire.email2.value;
	var liste = document.formulaire.liste.value;
	var choix = document.formulaire.choix.value;
	var verifMail = email.indexOf("@");
	var verifMail2 = email.indexOf(".");
 
	if (email=='')
	document.getElementById("emailAnswer").innerHTML="<b><font color=red>PAs bon !</font></b>";
	if (email2=='')
	alert("Veuillez répéter votre adresse email !");
	if (liste='')
	alert("Veuillez choisir une question");
	if (choix=='')
	alert("Veuillez répondre à la question !");
	if (email!=email2)
	alert("Les mails ne correspondent pas !");
	if (verifMail==-1||verifMail2==-1)
	alert("Votre adresse mail est incorrecte");
}

10/01/2007, 23h17
ryan
Yop!

Comme tu ne précises pas de page d'action pour ton formulaire, il se soumet à lui-même, ce qui a pour effet de vider les champs.

Et pourquoi se soumet-il à lui-même? Parce que tu as oublié d'ajouter un
Code:

1 2 return false;
dans le cas où un champ n'est pas rempli correctement.

Tu devrais avoir, par exemple:
Code:

1 2 3 4 5 6 if (email2=='') { alert("Veuillez répéter votre adresse email !"); return false; }
La grenouille de l'espaaaace avait vu juste.
11/01/2007, 08h47
finalfx

merci beaucoup, c'était ça !