Discussion :

[finalfx]

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

Merci d'avance !!

[SpaceFrog]

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

il faut lui faire retourner true ou falseet faire

Code :

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

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 ?

[finalfx]

voici mon code :

Code :

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

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 :

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
 
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");
}

[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 :

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

1
2
 
return false;

dans le cas où un champ n'est pas rempli correctement.

Tu devrais avoir, par exemple:

Code :

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

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.

[finalfx]

merci beaucoup, c'était ça !