Réinitialisation de champs de form après vérification onsubmit

Version imprimable

bonjour a tous,

j'ai une page html contenant un petit formulaire tout simple, j'ai crée un code en javascript qui permet de vérifier les données. Le seul probleme c quant-il y a une valeur fausse, il supprime toutes les données bonnes, on est obligé de re-remplir le formulaire.

Ma question :
est ce qu'il est possible de garder les donnees qui sont bonnes et d'enlever seulement les donnees qui sont fausses??

voici le code en javascript :

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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<script type="text/javascript" language="JavaScript">
function couleur(obj) 
	{
     obj.style.backgroundColor = "#FFFFFF";
	}
 
function check() {
	var msg = "";
 
//Vérification du mail s'il n'est pas vide on vérifie le . et @
 
		if (document.contact.email.value != "")	{
		indexAroba = document.contact.email.value.indexOf('@');
		indexPoint = document.contact.email.value.indexOf('.');
		if ((indexAroba < 0) || (indexPoint < 0))		{
 
//dans le cas ou il manque soit le . soit l'@ on modifie la couleur d'arrière plan du champ mail et on défini un message d'alerte
 
			document.contact.email.style.backgroundColor = "#F3C200";
			msg += "Le mail est incorrect\n";
		}
	}
 
//Notre champs mail est vide donc on change la couleur et on défini un autre message d'alerte
 
	else	{
		document.contact.email.style.backgroundColor = "#F3C200";
		msg += "Veuillez saisir votre adresse mail.\n";
	}
 
//ici on vérifie si le champs nom est vide, (si oui) on défini la couleur du champs et on défini un message d'alerte
if (document.contact.nom.value == "")	{
		msg += "Veuillez saisir votre Nom\n";
		document.contact.nom.style.backgroundColor = "#F3C200";
	}
 
//meme manipulation pour le champ prénom
if (document.contact.prenom.value == "")	{
		msg += "Veuillez saisir votre Prénom\n";
		document.contact.prenom.style.backgroundColor = "#F3C200";
	}
 
//meme manipulation pour le champ prénom
if (document.contact.message.value == "")	{
		msg += "Veuillez saisir votre message\n";
		document.contact.message.style.backgroundColor = "#F3C200";
	}
 
 
//Si aucun message d'alerte a été initialisé on retourne TRUE
	if (msg == "") return(true);
 
//Si un message d'alerte a été initialisé on lance l'alerte
	else	{
		alert(msg);
		return(false);
	}
}
 
 
 
</script>

merci d'avance

ciao

25/04/2008, 11h17
E.Bzz

Bonjour,
il faudrait voir comment tu appelles la fonction (onclick du bouton submit ?)

A+

voici le petit formulaire :

Code:

1
2
3
4
5
6
7
8
9
<form method='POST' action='#' name='contact' onsubmit="check();">
Nom : <input type='text' name='nom' onKeyUp="javascript:couleur(this);"/><br />
Prénom : <input type='text' name='prenom' onKeyUp="javascript:couleur(this);"/><br />
Email : <input type='text' name='email' onKeyUp="javascript:couleur(this);"/><br />
Message : <textarea name='message' rows='10' cols='20' onKeyUp="javascript:couleur(this);"></textarea><br />
 
<input type='submit' name='envoyer' value='ENVOYER' />
<input type='reset' name='annuler' value='ANNULER' />
</form>

merci d'avance

ciao

25/04/2008, 11h20
E.Bzz

Code:

onsubmit="return check();"

;)

EDIT : enlève le "javascript:" dans les évènements : inutile
les évènements (et autres nom d'attributs) s'écrivent en minuscules (ex : onkeyup)

A+
25/04/2008, 11h25
leclone

ok ça marche, merci beaucoup E.Bzz

encore une autre petite question : (tu es victime de ton succes.lol)
si un chammp est faux, j'aimerai le vider et non garder la valeur fausse

est ce que tu peux me dire comment faire?????

merci

ciao
25/04/2008, 11h26
SpaceFrog

Code:

Monchamps.value='';
25/04/2008, 11h31
leclone

je viens d'essayer, ça ne marche pas.

en faite, je ne sais pas ou je dois le mettre le

Code:

"Monchamps.value=' ' ;"

je pense que je dois me mettre au niveau de l'adresse mail car pour le reste, j'en ai pas besoin.

peux tu me dire ou dois-je le mettre???

un grand merci

ciao
25/04/2008, 11h35
E.Bzz
Code:

1 2 3 document.contact.email.style.backgroundColor = "#F3C200"; document.contact.email.value=''; msg += "Le mail est incorrect\n";
Une syntaxe plus correcte (à appliquer dans tout le script) :

Code:

document.forms['contact'].elements['email'].value='';

A+

8O8O8O8O8O8O8O
:roll::roll::roll::roll::roll:

à chaque fois que tu teste un champs ....
Code:

1 2 msg += "Veuillez saisir votre Nom\n"; document.contact.nom.style.backgroundColor = "#F3C200";
il suffit de le vider :
Code:

1 2 3 msg += "Veuillez saisir votre Nom\n"; document.contact.nom.style.backgroundColor = "#F3C200"; document.contact.nom.value='';

25/04/2008, 11h39
leclone

ok merci beaucoup

tout fonctionne

merci E. Bzz et SpaceFrog

ciao