Vérification de formulaire

**ngono1** · 30/03/2015, 15h39

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

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

**headmax** · 30/03/2015, 16h56

Salut, petit erreur de ta part formulaire n'est pas ton object <form> mais une chaine

.

Code html :

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

<input type="button" value="afficher" onclick="verifForm(formulaire)"/>

pour accéder a l'object formulaire il faut passé par son nom document.getElementsByTagName ou par son id document.getElementById donc :

Code html :

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

<input type="button" value="afficher" onclick="verifForm(document.getElementById('formulaire'))"/>

gl

**ngono1** · 30/03/2015, 18h08

ok je vais essayer

**Bovino** · 31/03/2015, 11h03

pour accéder a l'object formulaire il faut passé par son nom document.getElementsByTagName ou par son id document.getElementById

Ce n'est pas utile : les éléments de formulaire possèdent une propriété form référençant le formulaire auquel ils appartiennent.

Code html :

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

<input type="button" value="afficher" onclick="verifForm(this.form)"/>

Vérification de formulaire

JavaScript

Discussions similaires

Partager

Partager