Vérification de formulaire

**CestPolo** · 30/04/2013, 10h31

Bonjour à vous. Je suis en galère depuis hier midi, impossible d’exécuter le code javascript de ma page .php. Ce code doit me servir à vérifier les champs d'un formulaire.

Voici le code javascript (inclue dans ma page .php) :

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
//Vérifie que le champ n'est pas vide
function isNotEmpty(elem) {
  var str = elem.value;
  var re = /.+/;
  if (!str.match(re)) {
    alert("Veuillez remplir le champ.");
    setTimeout("focusElement('" + elem.form.name + "', '" + elem.name + "')", 0);
    return false;
  } else {
    return true;
  }
}
//verifie que la chaine fait bien bien 5 caractères
function isLen10(elem) {
  var str = elem.value;
  var re = /\b.{10}\b/;
  if (!str.match(re)) {
    alert("Ce champ doit contenir 10 chiffrs.");
    setTimeout("focusElement('" + elem.form.name + "', '" + elem.name + "')", 0);
    return false;
  } else {
    return true;
  }
}
//verifie que la chaine fait bien 5 caractères
function isLen5(elem) {
  var str = elem.value;
  var re = /\b.{5}\b/;
  if (!str.match(re)) {
    alert("Ce champ doit contenir 5 chiffres.");
    setTimeout("focusElement('" + elem.form.name + "', '" + elem.name + "')", 0);
    return false;
  } else {
    return true;
  }
}
//verifie qu'il s'agit bien d'un nombre
function isNumber(elem) {
  var str = elem.value;
  var re = /^[-]?\d*\.?\d*$/;
  str = str.toString();
  if (!str.match(re)) {
    alert("Veuillez ne renseigner que des chiffres dans ce champ.");
    setTimeout("focusElement('" + elem.form.name + "', '" + elem.name + "')", 0);
    return false;
  }
  return true;
}
//verifie la validité de l'adresse mail
function isEMail(elem) {
  var str = elem.value;
  var re = /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/;
  if (!str.match(re)) {
    alert("Veuillez vérifier le format de l'adresse e-mail.");
    setTimeout("focusElement('" + elem.form.name + "', '" + elem.name + "')", 0);
    return false;
  } else {
    return true;
  }
}
//redonne le focus sur l'élément erronné
function focusElement(formName, elemName) {
  var elem = document.forms[formName].elements[elemName];
  elem.focus();
  elem.select();
}
//fonction de validation (on passe par toutes les fonctions)
function validateForm(form) {
  if (isNotEmpty(form.nom)) {
    if (isNotEmpty(form.prenom)) {
      if (isNotEmpty(form.num)) {
        if (isNumber(form.num)) {
          if (isNotEmpty(form.nom_voie)) {
            if (isNotEmpty(form.cp)) {
              if (isNumber(form.cp) {
                if (isLen5(form.cp)) {
                  if (isNotEmpty(from.ville)) {
                    if (isNotEmpty(form.tel)) {
                      if (isNumer(form.tel)) {
                        if (isLen10(form.tel)) {
                          if (isNotEmply(form.email)) {
                            if (isEmail(form.email)) {
                              return true;
                            }
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  return false;
}

Et ici voici mon formulaire :

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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<form method="post" action="scellius/call_request.php" id="formSaisie" name="formSaisie" onsubmit="return validateForm(this)"/>
<table class="table">
  <tr>
    <th>Nom : </th>
    <td><input type="text" size="15" name="nom" onchange="isNotEmpty(this)"/></td>
  <tr/>
  <tr>
    <th>Pr&eacute;nom : </th>
    <td><input type="text" size="15" name="prenom" onchange="isNotEmpty(this)"/></td>
  <tr/>
  <tr>
    <th>Nom de la collectivité : </th>
    <td><input type="text" size="15" name="collectivite"/></td>
  </tr>
  <tr>
    <th>Adresse : </th>
  </tr>
  <tr>
    <th>N&deg; : </th>
    <td><input type="text" size="2" name="num" onchange="if (isNotEmpty(this)) {isNumber(this)}"/></td>
  <tr>
    <th>Type de la voie : </th>
    <td><select name="type_voie">
        <option value="allée">Allée</option>
        <option value="avenue">Avenue</option>
        <option value="boulevard">Boulevard</option>
        <option value="chemin">Chemin</option>
        <option value="impasse">Impasse</option>
        <option value="lieu-dit">Lieu-Dit</option>
        <option value="rue">Rue</option>
      </select></td>
  </tr>
  <tr>
    <th>Nom de la voie : </th>
    <td><input type="text" size="15" name="nom_voie" onchange="isNotEmpty(this)"/></td>
  </tr>
  <tr>
    <th>Complement : </th>
    <td><input type="text" size="15" name="complement"/></td>
  </tr>
  <tr>
    <th>Code postale : </th>
    <td><input type="text" size="15" name="cp" maxlength="5" onchange="if (isNotEmpty(this)) {if(isNumber(this)) {isLen5(this)}}"/></td>
  <tr/>
  <tr>
    <th>Ville : </th>
    <td><input type="text" size="15" name="ville" onchange="isNotEmpty(this)"/></td>
  <tr>
    <th>Téléphone : </th>
    <td><input type="text" size="15" name="tel" maxlength="10" onchange="if (isNotEmpty(this)) {if(isNumber(this)) {isLen10(this)}}"/></td>
  <tr/>
  <tr>
    <th>E-mail : </th>
    <td><input type="text" size="15" name="email" onchange="if (isNotEmpty(this)) {isEMail(this)}"/><td>
  <tr/>
</table><br/>
 
<!--Lien de validation-->
<input id="etapesuivante" src='media/media/images/ressources_paiementenligne/btn_etapesuivante.png' 
  onmouseover="this.src='media/media/images/ressources_paiementenligne/btn_etapesuivante_enf.png';"
  onmouseout="this.src='media/media/images/ressources_paiementenligne/btn_etapesuivante.png';" 
  type=image value=submit />
 
</form><br/>