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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
| <!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>titre onglet</title>
<script type="text/javascript">
//<![CDATA[
function VerifMail()
{
var regex = /^[a-z0-9._-]+@[a-z0-9._-]+\.[a-z]{2,6}$/;
if(!regex.test(document.formulaire_commande.mail.value))
{
alert("Veuillez entrez une adresse mail correcte");
return false;
}
}
function ValiderPhone()
{
var nombre = document.formulaire_commande.telephone.value;
var chiffres = new String(nombre);
// Enlever tous les charactères sauf les chiffres
chiffres = chiffres.replace(/[^0-9]/g, '');
// Nombre de chiffres
compteur = chiffres.length;
if ((compteur <9 ) || ( compteur > 10) )
{
alert("Veuillez saisir un numéro de téléphone valide");
return false;
}
}
function ValiderForm()
{
// On reteste le mail et le numéro de téléphone
if(!(VerifMail() !== false && ValiderPhone() !== false)){return false}
// Teste les champs qui doivent être des nombres (j'ajoute le code postal)
// création d'un tableau contenant le name des input
var champs = ['code_postal','sirop','cerises','miel_liquide','miel_tartiner','yahourts_fruit','yahourts_boire'];
var form = document.formulaire_commande;
var verif_nombre = "";
var str;
var label;
for (var i=0; i < champs.length; i++)
{
//console.log(form[champs[i]].value);
str = form[champs[i]].value;
if (isNaN(str))
{
// récupère le texte du label (qui est le parent) et concatène à verif_nombre
label = form[champs[i]].parentNode.textContent;
verif_nombre += "\n- "+label;
}
}
if(verif_nombre != "")
{
alert("le(s) champ(s): "+verif_nombre+"\nnécessite(nt) un nombre");
return false;
}
else
{
return true;
}
}
/*
function ValiderForm()
{
// On reteste le mail et le numéro de téléphone
if(!(VerifMail() !== false && ValiderPhone() !== false)){return false}
// Teste les champs qui ont la classe "nombre" dans le bloc ayant l'id "formulaire_commande"
var champs = document.getElementById('formulaire_commande').getElementsByClassName('nombre');
var verif_nombre = "";
var str;
var label;
for (var i=0; i < champs.length; i++)
{
str = champs[i].value;
if (isNaN(str))
{
// récupère le texte du label (qui est le parent) et concatène à verif_nombre
label = champs[i].parentNode.textContent;
verif_nombre += "\n- "+label;
}
}
if(verif_nombre != "")
{
alert("le(s) champ(s): "+verif_nombre+"\nnécessite(nt) un nombre");
return false;
}
else
{
return true;
}
}
*/
</script>
</head>
<body>
<div id="contenu">
<form method="post" action="cible.php" onsubmit="return ValiderForm()" id="formulaire_commande" name="formulaire_commande">
<p>
<label>Nom<input type="text" name="nom" class="textfield" size="50" required /></label>*
</p>
<p>
<label>Rue<input type="text" name="rue" class="textfield" size="50" required /></label>*
</p>
<p>
<label>Code postal<input type="text" name="code_postal" class="textfield nombre" size="10" required/></label>*
</p>
<p>
<label>Ville<input type="text" name="ville" class="textfield" size="50" required /></label>*
</p>
<p>
<label>Téléphone<input type="text" name="telephone" class="textfield" size="30" onblur="ValiderPhone();" required /></label>*
</p>
<p>
<label>Adresse mail :<input type="text" name="mail" class="textfield" onchange="VerifMail();" required /></label>* </p>
<p class="remarque">Les champs avec un * sont obligatoires</p>
<p>
<label>Sirop<input type="text" name="sirop" class="nombre" size="5" /></label>
par 450gr
</p>
<p>
<label>Bocaux fruits : cerises<input type="text" name="cerises" class="nombre" size="5" /></label>
par 700gr
</p>
<p>
<label>Miel liquide<input type="text" name="miel_liquide" class="nombre" size="5" /></label>
par 500gr
</p>
<p>
<label>Miel à tartiner<input type="text" name="miel_tartiner" class="nombre" size="5" /></label>
par 500gr
</p>
<p>
<label>Yahourts aux fruits<input type="text" name="yahourts_fruit" class="nombre" size="5" /></label>
par 200ml
</p>
<p>
<label>Yahourts à boire<input type="text" name="yahourts_boire" class="nombre" size="5" /></label>
par 500ml
</p>
<p id="buttons">
<input type="submit" value="Envoyer" />
<input type="reset" value="Recommencer" />
</p>
</form>
</div>
</body>
</html> |
Vérifier si des champs sont complétés avec des chiffres
Répondre avec citation
Envoyé par devyan
Pas de question technique par MP !
Partager