vérification de champ dans un formulaire

**didierledid** · 10/11/2007, 23h35

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 :

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

**gasper06** · 13/11/2007, 09h58

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

**le_chomeur** · 13/11/2007, 11h24

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 :

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

**didierledid** · 16/11/2007, 02h04

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

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

**le_chomeur** · 16/11/2007, 10h49

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

Code :

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

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

**didierledid** · 18/11/2007, 23h34

heu,ben là j'ai bien le cas ''case à cocher", mais il est possible d'envoyer le formulaire vide....

j'ai l'impression qu'une commande prend le dessus sur l'autre
merci
DLD

vérification de champ dans un formulaire

JavaScript

Vue hybride

Discussions similaires

Partager

Partager