Script de validation de champs
Bonjour,
Je suis tout nouveau sur ce forum car je me suis remis à la programmation après un arrêt de 5 ans. Très difficile de s'y remettre...
Voila je suis sur un projet et j'ai donc écrit des fonctions qui me permettent de vérifier mes champs.
Voici le code :
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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
| <script type="text/javascript">
function surligne(champ, erreur)
{
if(erreur)
champ.style.backgroundColor = "#b66c6c";
alert("vérifier");
else
champ.style.backgroundColor = "";
}
function verifTel(champ)
{
if(champ.value.length == 0 )
{
surligne(champ, true);
return false;
}
else
{
surligne(champ, false);
return true;
}
}
function verifNom(champ)
{
if(champ.value.length < 2 || champ.value.length > 25)
{
surligne(champ, true);
return false;
}
else
{
surligne(champ, false);
return true;
}
}
function verifMail(champ)
{
var regex = /^[a-zA-Z0-9._-]+@[a-z0-9._-]{2,}\.[a-z]{2,4}$/;
if(!regex.test(champ.value))
{
surligne(champ, true);
return false;
}
else
{
surligne(champ, false);
return true;
}
}
function verifNbre(champ)
{
if(champ.value.length != 2 )
{
surligne(champ, true);
return false;
}
else
{
surligne(champ, false);
return true;
}
}
function verifDate(champ)
{
if(champ.value.length != 8 )
{
surligne(champ, true);
return false;
}
else
{
surligne(champ, false);
return true;
}
}
function verifHeure(champ)
{
if(champ.value.length != 5 )
{
surligne(champ, true);
return false;
}
else
{
surligne(champ, false);
return true;
}
}
function verifForm(f)
{
var pseudoOk = verifNom(f.nom);
var mailOk = verifMail(f.mail);
var telOk = verifTel(f.tel);
var nbreOk = verifNbre(f.nbre_pers);
var dateOk = verifDate(f.date);
var heureOk = verifHeure(f.heure);
if(pseudoOk && mailOk && telOk && nbreOk && dateOk && heureOk)
return true;
else
{
alert("Veuillez remplir correctement tous les champs");
return false;
}
}
</script> |
Voici le HTML
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
| <form action="page.php" id="form_reservation" method="post" onsubmit="return verifForm(this)">
<div class="col">
<h2>Coordonnée</h2>
<p>
<label>Nom : </label><input type="text" id="nom" name="nom" onblur="verifNom(this)"/><br />
<label>Téléphone : </label><input type="text" name="tel" id="tel" size="15" onblur="verifTel(this)"/> <br />
<label>Mail : </label><input type="text" name="mail" id="mail" size="20" onblur="verifMail(this)"/> <br />
</p>
</div>
<div class="col">
<h2>Votre choix:</h2>
<label>Nombre de personne : </label>
<select type="text" id="nbre_pers" name="nbre_pers" onblur="verifNbre(this)">
<?
for ($i=1; $i<15;$i++)
{
echo '<option value="'.$i.'" >'.$i.'</option>';
}
echo '<option value="15etplus" >15 et +</option>';
?>
</select><br />
<label>Date : </label><input type="text" id="date" name="date" size="10" onblur="verifDate(this)" onchange="javascript:getDay();"/> <br />
<label>Heure : </label><input type="text" id="heure" name="heure" size="5" onblur="verifHeure(this)"/>
</p>
</div>
<input type="submit" value="Valider" />
</form> |
Et rien ne se passe, rien du tout sniiiiffff :cry:
Je vous remercie de votre aide
Cordialement
Vincent
