vérification de champ dans un formulaire

Version imprimable

bonsoir,

je n'arrive pas à inserer un verifiateur d'@ ds un formulaire simple
je pense que c'est en partie dû au fait de la case à cocher
j'ai eu le meme probleme pour le bouton ''effacer'' que j'ai biaisé en ré affichant la page :(

voici le script:

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
<font face="arial">
<center>
<table border="0"><tr><td>
<br><b>
Je suis:<br><br> 
<input type="radio" name="je suis" value="un enfant" checked />
 Un enfant - &nbsp; <br> 
<input type="radio" name="je suis" value="un parent">
Un parent - &nbsp; <br> 
<input type="radio" name="je suis" value="un ami">
Un ami - &nbsp; <br> 
<input type="radio" name="je suis" value="un elu de CE ou du CCE">
Un élu de CE ou du CCE<br> 
<input type="radio" name="je suis" value="un membre de la famille">
Un membre de la famille<br>
<input type="radio" name="je suis" value="un animateur">
Un animateur<br>
<br>
<b>Nom : </b><input name="Nom"size=40 maxlength=50><br>
<br> 
<b>Prenom : </b><input name="Prénom"size=40 maxlength=50><br>
<br> 
<b>Adresse @ : </b><input name=" "size=40 maxlength=50><br>
</center>
 
 
<BODY>
<SCRIPT language="JavaScript" title="G1SCRIPT">
<!--
function checkCheckBox(f){
if (f.agree.checked == false )
{
alert('Vous devez cocher la case !!');
return false;
}else
return true;
}
//-->
 
</SCRIPT>
<form action="mailto:xxxx2008@hotmail.fr?subject=inscription_lettre" name="envoi" method=POST  onsubmit="return checkCheckBox(this)">
<br>
Avant d'envoyer le formulaire, vous devez lire les informations.<br>
<br>
J'ai lu les informations: <input type="checkbox" value="0" name="agree"></b>
<input type="submit" value="Envoyer">
<input type="button" value="Effacer" onclick="document.location.href='/page9.html';">
<input type="button" value="Annuler" onclick="document.location.href='/page2.html';">
</form>
</BODY>

donc si les champs sont vides, le formulaire envoie le mess avec aucune information...
voilà si quelqu'un a une solution, merci
DidierLeDid 8-)

13/11/2007, 09h58
gasper06

vérification d'un formulaire

bonjour;

voila j'ai le meme problème de vérification de champs, sauf que moi un message indiquant qu'un champ doit etre rempli s'affiche et le formulaire est comme meme envoyé :( .
essai ce code :
<input name="NAME" type="text" onBlur="MM_validateForm('NAME','','RisEmail');return document.MM_returnValue" >
on cliquant sur entrer la vérif doit s'effectuer, si c'est une @ ou pas(en principe)
et si tu trouve mieu, fait le moi s'avoir
merci

tes champs de formulaire n'étaient pas ton ton "form" et il existe un boutton pour remettre tous les champs de formulaire a vide : reset , voici un exemple qui fonctionne :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<BODY>
 
 
 
 
<SCRIPT language="JavaScript" title="G1SCRIPT">
<!--
function checkCheckBox(f){
if (f.agree.checked == false )
{
	alert('Vous devez cocher la case !!');
	return false;
}else
	return true;
}
//-->
 
</SCRIPT>
<form action="mailto:xxxx2008@hotmail.fr?subject=inscription_lettre" name="envoi" method=POST  onsubmit="return checkCheckBox(this)">
<font face="arial">
<center>
<table border="0"><tr><td>
<br><b>
Je suis:<br><br> 
<input type="radio" name="je suis" value="un enfant" checked />
 Un enfant - &nbsp; <br> 
<input type="radio" name="je suis" value="un parent">
Un parent - &nbsp; <br> 
<input type="radio" name="je suis" value="un ami">
Un ami - &nbsp; <br> 
<input type="radio" name="je suis" value="un elu de CE ou du CCE">
Un élu de CE ou du CCE<br> 
<input type="radio" name="je suis" value="un membre de la famille">
Un membre de la famille<br>
<input type="radio" name="je suis" value="un animateur">
Un animateur<br>
<br>
<b>Nom : </b><input name="Nom"size=40 maxlength=50><br>
<br> 
<b>Prenom : </b><input name="Prénom"size=40 maxlength=50><br>
<br> 
<b>Adresse @ : </b><input name=" "size=40 maxlength=50><br>
</center>
<br>
Avant d'envoyer le formulaire, vous devez lire les informations.<br>
<br>
J'ai lu les informations: <input type="checkbox" value="0" name="agree"></b>
<input type="submit" value="Envoyer">
<input type="reset" value="Effacer">
<input type="button" value="Annuler" onclick="document.location.href='/page2.html';">
</form>
</BODY>

coordialement :)

16/11/2007, 02h04
didierledid

bon je te remercie pour la résolution d'un des deux problemes: la bouton "reset" reste bien comme il faut!!:king:

reste le probleme suivant: si les champs ne sont pas remplis, le formulaire part vide (et donc arrive sur la messagerie @ vides)

as tu une idee pour un code qui oblgie à ecrire quelque chose dans les champs?? (sans changer ce qui fonctionne déjà)

merci

en ajoutant a ta fonction, des tests sur les champs que tu souhaite vérifier :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
	function checkCheckBox(f){
if (f.agree.checked == false )
{
	alert('Vous devez cocher la case !!');
	return false;
}else
	if(f.agree.Nom =='' || f.agree.Prenom == ''){
		return false;
	}
	return true;
}

18/11/2007, 23h34
didierledid

heu,ben là j'ai bien le cas ''case à cocher", mais il est possible d'envoyer le formulaire vide....:cry:
j'ai l'impression qu'une commande prend le dessus sur l'autre
merci
DLD
19/11/2007, 10h12
dehian

il manque ptet une accolade

function checkCheckBox(f){
if (f.agree.checked == false )
{
alert('Vous devez cocher la case !!');
return false;
}else
{
if(f.agree.Nom =='' || f.agree.Prenom == ''){
return false;
}
return true;
}
26/12/2007, 00h46
didierledid

me revoici après quelques semaines d'absence.....

ben en fait la modification ne change pas le problème restant!!!:cry:

Citation:

Envoyé par dehian

function checkCheckBox(f){
if (f.agree.checked == false )
{
alert('Vous devez cocher la case !!');
return false;
}else
{
if(f.agree.Nom =='' || f.agree.Prenom == ''){
return false;
}
return true;
}

Mais c'est normal de pouvoir envoyer le formulaire vide avec cette fonction, car elle retourne "true" dans tous les cas.
try this :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 function checkCheckBox(f){ var bl=true; if (f.agree.checked == false ) { alert('Vous devez cocher la case !!'); bl=false; } if(f.agree.Nom =='' || f.agree.Prenom == '') { alert('.....'); bl=false; } return bl; }