Vérification de formulaire
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:
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:
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 :aie:
THANKS