Vérification de formulaire
Salut à tous
j'ai un petit problème avec un code javascript
j'ai crée un petit formulaire qui comporte un bouton qui lorsque l'on clique dessus vérifie si tous les éléments du formulaire ont été entrés correctement. Quand je clique sur le bouton sans avoir au préalable rempli le formulaire la foncton javascript fait bien saon travail. Mias lorsque le formulaire est bien rempli, quand je clique sur le bouton ça ne m'affiche pr le message "ok info propriétaire" que doit retourner ma fonction verifForm lorque le formulaire est bien rempli
code 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
29
30
31
32
33
34
35
36
37
38
39
40
41
| <html>
<head>
<meta charset="utf-8" />
<title>CARTE GRISE</title>
<script type="text/javascript" src="test.js"></script>
</head>
<body>
<form name="formulaire" id="formulaire">
<fieldset>
<label for="quittance">Quittance</label>
<input type ="text" id="quittance" name="quittance" onblur="verifQuittance(this)" required/>
<label for="immatriculation">Immatriculation</label>
<input type="text" id="immatriculation" name ="immatriculation" onblur="verifImmatriculation(this)" required/>
</fieldset><br/>
<fieldset>
<legend>Informations Propriétaire</legend>
<label for="nom">Nom</label>
<input type="text" name="nom" id="nom" size="50" placeholder="Entrer votre nom de famille" onblur="verifNom(this)" required/>
<br/><br/>
<label for="nom">Prénom</label>
<input type="text" name="prenom" id="prenom" size="50" placeholder="Entrer votre prénom" onblur="verifPrenom(this)" required/>
<br/><br/>
<label for="profession">Profession</label>
<textarea name="profession" id="profession" placeholder="Entrer votre profession" cols="60" rows="1" onblur="verifProfession(this)" required></textarea>
<br/><br/>
<label for="adresse">Adresse</label>
<textarea name="adresse" id="adresse" placeholder="Rue No Boîte postale" cols="60" rows="1" onblur="verifAdresse(this)" required></textarea>
<br/><br/>
<label for="commune">Commune</label>
<textarea name="commune" id="commune" placeholder="Nom de la commune" cols="60" rows="1" onblur="verifCommune(this)" required></textarea>
<br/><br/>
<label for="telephone">N° téléphone</label>
<select><option value="+213" selected>+213</option></select>
<input type="tel" name="telephone" id="telephone" maxlength="9" onblur="verifTelephone(this)" required/>
</fieldset>
<p align="center" id="validation">
<input type="button" value="afficher" onclick="verifForm(formulaire)"/>
</p>
</form>
</body>
</html> |
code javascript(test.js)
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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
| function surligne(champ, erreur)
{
if(erreur)
champ.style.backgroundColor = "pink";
else
champ.style.backgroundColor = "green";
}
//verification informations propriétaires
function verifQuittance(champ)
{
if (isNaN(champ.value)|| (champ.value == "" ))
{
alert('Veuillez entrer la quittance(en chiffres)');
surligne(champ, true);
return false;
}
else
{
surligne(champ, false);
return true;
}
}
function verifImmatriculation(champ)
{
if (champ.value == "")
{
surligne(champ, true);
return false;
}
else
{
surligne(champ, false);
return true;
}
}
function verifNom(champ)
{
if (champ.value == "")
{
surligne(champ, true);
return false;
}
else
{
surligne(champ, false);
return true;
}
}
function verifPrenom(champ)
{
if (champ.value == "")
{
surligne(champ, true);
return false;
}
else
{
surligne(champ, false);
return true;
}
}
function verifTelephone(champ)
{
if (isNaN(champ.value)|| (champ.value == "" ))
{
alert('veuillez renseigner votre numéro de téléphone(sans le 0)');
surligne(champ, true);
return false;
}
else
{
surligne(champ, false);
return true;
}
}
function verifProfession(champ)
{
if (champ.value == "")
{
surligne(champ, true);
return false;
}
else
{
surligne(champ, false);
return true;
}
}
function verifAdresse(champ)
{
if (champ.value == "")
{
surligne(champ, true);
return false;
}
else
{
surligne(champ, false);
return true;
}
}
function verifCommune(champ)
{
if (champ.value == "")
{
surligne(champ, true);
return false;
}
else
{
surligne(champ, false);
return true;
}
}
function verifInfoPro(f)
{
var nOk=verifNom(f.nom);
var pOk=verifPrenom(f.prenom);
var proOk=verifProfession(f.profession);
var aOk=verifAdresse(f.adresse);
var cOk=verifCommune(f.commune);
var tOk=verifTelephone(f.telephone);
var qOK=verifQuittance(f.quittance);
var iOk=verifImmatriculation(f.immatriculation);
if (nOK && pOk && proOk && aOk && cOk && tOk && qOk && iOk)
return true;
else
{
return false;
}
}
//vérification formulaire
function verifForm(f)
{
if (verifInfoPro(f)) alert('ok info propriétaire');
else alert('erreur info propriétaire');
} |
merci d'avance pour votre aide
