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

Je vous remercie de votre aide

Cordialement

Vincent