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) :
Et ici voici mon formulaire :
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; }
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é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° : </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/>
Votre aide me sera bien utile car la je suis a deux doigts de criser
THANKS
Partager