formulaire vérification de champs obligatoires
bonjour à tous
j ai un petit souci , je suis en cours de réalisations d'un site web
j'ai effectué un formulaire pour l'inscription et j 'ai fais un copie coller pour le formulaire contact , j ai utilisé javascript pour rendre obligatoire les champs des formulaires , si cela fonction pour le formulaire inscription bizarrement cela ne fonction pas pour le formulaire contact , je ne sais pas ou est mon erreur , merci de votre aide
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
|
function verificontact()
{
var nom=document.getElementById('nom').value;
var prenom=document.getElementById('prenom').value;
var tel=document.getElementById('tel').value;
var gsm=document.getElementById('gsm').value;
var mail=document.getElementById('mail').value;
var msg=document.getElementBYId('msg').value;
var erreur='';
setTimeout(function() { $('#submit').focus(); }, 30000);
if (nom=='')
{
erreur=erreur+"Veuillez saisir votre Nom \n";
document.form.nom.style.backgroundColor="#ff0000";
}
else
{
document.form.nom.style.backgroundColor="#FFFFFF";
}
if (prenom=='')
{
erreur=erreur+"Veuillez saisir votre Prénom \n";
document.form.prenom.style.backgroundColor="#ff0000";
}
else
{
document.form.prenom.style.backgroundColor="#FFFFFF";
}
if (tel=='')
{
erreur=erreur+"Veuillez saisir Votre Numéro de Téléphone fixe \n ";
document.form.tel.style.backgroundColor="#ff0000";
}
else
{
document.form.tel.style.backgroundColor="#FFFFFF";
}
if (gsm=='')
{
erreur=erreur+"Veuillez saisir Votre Numéro de Téléphone Portable \n ";
document.form.gsm.style.backgroundColor="#ff0000";
}
else
{
document.form.gsm.style.backgroundColor="#FFFFFF";
}
if(mail=='')
{
erreur=erreur+"Veuillez saisir Votre adresse Email comme identifiant \n ";
document.form.mail.style.backgroundColor="#FF0000";
}
else
{
document.form.mail.style.backgroundColor="#FFFFFF";
}
if(msg=='')
{
erreur=erreur+"Veuillez saisir Votre adresse Email comme identifiant \n ";
document.form.msg.style.backgroundColor="#FF0000";
}
else
{
document.form.msg.style.backgroundColor="#FFFFFF";
}
if (erreur=="") {return true;}
else {alert(erreur); return false;}
} |
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
|
<form action="contact_enr.php" name="form" method="POST" id="form">
<div id="curseur" class="infobulle"></div>
<fieldset class='contact'>
<legend>Conctat</legend>
<div id="colonnec">
<div class="iten">
<label> Civilité :</label>
<select name="civilite" id="civilite">
<option value="Monsieur">Monsieur</option>
<option value="Madame">Madame</option>
<option value="Mademoiselle">Mademoiselle</option>
</select>
</div>
<div class="iten">
<label> Nom : </label>
<input type="text" name="nom" id="nom" />
<div id='msgnom'></div>
</div>
<div class="iten">
<label> Prénom : </label>
<input type="text" name="prenom" id="prenom" />
<div id='msgprenom'></div>
</div>
<div class="iten">
<label> Téléphone Fixe : </label>
<input type="text" name="tel" id="tel" onBlur="verif_tel(this.value)";/>
<div id='msgfixe'></div>
</div>
<div class="iten">
<label> Téléphone Portable : </label>
<input type="text" name="gsm" id="gsm" />
</div>
<div class="iten">
<label> E-mail/Courriel : </label>
<input type="text" name="mail" id="mail" onBlur="verifmail(this.value)";/>
<div id='msgmail'></div>
</div>
<div class="iten">
<label> Message : </label>
<textarea name="msg" id="msg"> </textarea>
<div id='msgmsg'></div>
</div>
</div>
<div id="colonneb">
<div class="logoc">
<?php include('logo.php');?>
</div>
</div>
</fieldset>
<div class="iten">
<input type="submit" value="Valider" name="valider" id="valider" onclick="return verificontact()" />
</div>
<div class="both"></div>
</form> |