Bonjour à tous,
J'ai un souci dans le script pour les contrôle des champs de mon
formulaire:
pour le contrôle du:
- Nom = OK
- Prénom = OK
- Telephone = aucun contrôle effectué
- eMail = OK
Je n'arrive pas à contrôler le champ du telephone.
pouvez vous m'aider ?
<html>
<head>
</head>
<script type="text/javascript">
// Boucle de validation
function validateForm(form) {
if (isNotEmpty(form.nom)) {
if (isNotEmpty(form.prenom)) {
if (isNotEmpty(form.telephone)) {
if (isNumber(form.telephone)) {
if (isLen10(form.telephone)) {
if (isNotEmpty(form.eMail)) {
if (isEMailAddr(form.eMail)) {
return true;
}
}
}
}
}
}
}
return false;
}
// Vérifie si un champ a bien été renseigné
function isNotEmpty(elem) {
var str = elem.value;
var re = /.+/;
if(!str.match(re)) {
alert("Veuillez renseigner les champs obligatoires.");
setTimeout("focusElement('" + elem.form.name + "', '" +
elem.name + "')", 0);
return false;
} else {
return true;
}
}
// Vérifie si l'adresse e-mail est valide
function isEMailAddr(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 votre adresse e-mail.");
setTimeout("focusElement('" + elem.form.name + "', '" +
elem.name + "')", 0);
return false;
} else {
return true;
}
}
// Vérifie si un champ contient 10 caractères
function isLen10(elem) {
var str = elem.value;
var re = /^\d{10}\b/;
if (!str.match(re)) {
alert("Veuillez respecter le format du numéro de téléphone :
'0311223344' pour '03 11 22 33 44'.");
setTimeout("focusElement('" + elem.form.name + "', '" +
elem.name + "')", 0);
return false;
} else {
return true;
}
}
// Positionne le curseur dans un champ donné
function focusElement(formName, elemName) {
var elem = document.forms[formName].elements[elemName];
elem.focus();
elem.select();
}
</script>
<body onload="document.getElementById('nom').focus()">
<form name="inscription" id="inscription" METHOD="POST" ACTION="http://
perso0.free.fr/cgi-bin/form2mail.pl" onsubmit="return
validateForm(this)">
<div id="titreForm">Envoyer un message</div>
<div id="corpForm">
<fieldset id="coordonnees">
<legend>Vos coordonnées</legend>
<br />
<p>
<label for="nom">* Nom :</label>
<input type="text" name="nom" id="nom" tabindex="1"
onfocus="this.className='focus';" onblur="this.className='normal';"
onchange="javascript
:this.value=this.value.toUpper Case();" />
</p>
<p>
<label for="prenom">* Prénom :</label>
<input type="text" name="prenom" id="prenom" tabindex="2"
onfocus="this.className='focus';" onblur="this.className='normal';"/>
</p>
<p>
<label for="telephone">* Téléphone :</label>
<input type="text" name="telephone" id="telephone" maxlength="10"
tabindex="3" onfocus="this.className='focus';"
onblur="this.className='normal';" />
</p>
<p>
<label for="eMail">* e-Mail :</label>
<input type="text" name="eMail" id="eMail" tabindex="4"
onfocus="this.className='focus';" onblur="this.className='normal';"/>
</p>
</fieldset>
</fieldset>
<br />
<fieldset id="periodicite">
<legend>Domaine</legend>
<br />
<span class="legende">Choisissez le domaine concerné:</span>
<p>
<input type="radio" name="type" id="bouton" value="Particulier"
checked="checked" tabindex="5"/>
<label for="particulier">Particulier</label>
<br/>
<input type="radio" name="type" id="bouton" value="Professionel"
tabindex="6"/>
<label for="professionel">Professionel</label>
</p>
</fieldset>
<br/>
<fieldset id="periodicite">
<legend>Votre question</legend>
<br />
<TEXTAREA name="Commentaire" id="text_area">Entrez votre texte ici</
TEXTAREA>
</fieldset>
<br/>
<em>* Champs obligatoires</em>
</div>
<div id="piedForm">
<INPUT TYPE="submit" id="valid" VALUE="Envoyer" />
</div>
</form>
</body>
</html>