Verification de checkbox
Lucile4
-
Lucile4 -
Lucile4 -
Bonjour à tous,
Je sollicite votre aide car j'ai trouvé de nombreux script pour vérifier si les checkbox ont été cochés mais je ne trouve pas facilement comment adapter a mon formulaire crée et aux autres vérification qui se font déjà.
Si vous pouviez m'aider : voici mon code :
J'espere que quelqu'un pourra m'aidé !
D'avance Merci !
Je sollicite votre aide car j'ai trouvé de nombreux script pour vérifier si les checkbox ont été cochés mais je ne trouve pas facilement comment adapter a mon formulaire crée et aux autres vérification qui se font déjà.
Si vous pouviez m'aider : voici mon code :
<script type="text/javascript">
<!--
function valider(form)
{
var i = 0;
var msg = "";
var nom = form.elements['realname'].value;
var name = form.elements['name'].value;
var mail = form.elements['email'].value;
var tel = form.elements['tel'].value;
if (nom.length<2 && i<1)
{msg += "Afin de vous recontacter merci de bien vouloir saisir votre Nom\n";i++;}
if (name.length<2 && i<1)
{msg += "Afin de vous recontacter merci de bien vouloir saisir votre Prénom\n";i++;}
if (mail.length<4 && i<1)
{msg += "Afin de vous recontacter merci de bien vouloir saisir votre adresse Mail\n";i++;}
if (mail.search(/^[^._-][a-z0-9._-]+[^._-]@[a-z0-9._-]+([a-z0-9]+[^._-])?[.-]+[a-z]{2,4}$/)==-1 && i<1)
{msg += "Votre mail ne semble pas valide\n";i++;}
if (i>=1)
{alert(msg);return false;}
return true;
}
-->
</script>
<br><br><br>
<div class="contact"> <div class="contactd">
<font color=white size=2 face="Verdana">
<form method="post" action="formmail.php" onsubmit="return valider(this)">
<input name="subject" value="Contact par le site" type="hidden">
<Center>
<table>
<tr>
<td>
</td>
<td> <input type="radio" name="type" value="entreprise" /> Entreprise
<input type="radio" name="type" value="particulier" /> Particulier
<input type="radio" name="type" value="presse" /> Presse<br><br></td>
</tr>
<tr><td>
Civilité *:</td>
<td><input type="radio" name="genre" value="Mme" /> Mme
<input type="radio" name="genre" value="Mlle" /> Mlle
<input type="radio" name="genre" value="M" /> M.</center><br></td></tr>
<tr><td>
Nom *:</td><td>
<input name="realname" size="27" type="text"><br></td></tr>
<tr><td>
Prénom *: </td><td>
<input name="name" size="27" type="text"><br></td></tr>
<tr><td>
Entreprise :</td><td>
<input name="entreprise" size="27" type="text"><br></td></tr>
<tr><td>
E-mail *: </td><td>
<input name="email" size="27" type="text"><br></td></tr>
<tr><td>
Téléphone :</td><td>
<input name="tel" size="27" type="text"><br></td></tr> <br>
<tr><td></td><td>
<input type="image" src="images/envoyer.png" name="image" width=85 align=center ><i><font size=1> *champs obligatoires</font></i>
</td></tr>
</table>
</form>
J'espere que quelqu'un pourra m'aidé !
D'avance Merci !
A voir également:
- Verification de checkbox
- Verification windows 11 - Guide
- Verification lien internet - Guide
- Badge de vérification linkedin - Accueil - Guide réseaux sociaux
- En cours de verification le bon coin - Forum Hotmail / Outlook.com
- Verification de l'identité du serveur impossible ✓ - Forum MacOS
4 réponses
Bonsoir,
Code javascript à placer entre les balises <head> et </head> :
Puis le code du formulaire (avec quelques modifications à prendre en compte au niveau du script PHP) :
Code javascript à placer entre les balises <head> et </head> :
<script type="text/javascript">
function valider() {
var nom = document.getElementById('Nom').value;
var prenom = document.getElementById('Prenom').value;
var mail = document.getElementById('Email').value;
var tel = document.getElementById('Tel').value;
var test = 0;
for(i=0; i < document.getElementsByName('statut').length; i++) {
if(document.getElementsByName('statut')[i].checked) {
test++;
break;
}
}
for(i=0; i < document.getElementsByName('civilite').length; i++) {
if(document.getElementsByName('civilite')[i].checked) {
test++;
break;
}
}
if(test != 2) {
alert('Sélectionnez votre statut et/ou votre civilité ');
return false;
} else if(nom.length < 2 || nom == '') {
alert("Afin de vous recontacter merci de bien vouloir saisir votre Nom");
document.getElementById('Nom').focus();
return false;
} else if(prenom.length < 2 || prenom == '') {
alert("Afin de vous recontacter merci de bien vouloir saisir votre Prénom");
document.getElementById('Prenom').focus();
return false;
} else if(mail.length < 4 || mail == '') {
alert("Afin de vous recontacter merci de bien vouloir saisir votre adresse Mail");
document.getElementById('Email').focus();
return false;
} else if(mail.search(/^[^._-][a-z0-9._-]+[^._-]@[a-z0-9._-]+([a-z0-9]+[^._-])?[.-]+[a-z]{2,4}$/)==-1) {
alert("Votre adresse mail ne semble pas valide");
document.getElementById('Email').focus();
return false;
}
else
return true;
}
</script>
Puis le code du formulaire (avec quelques modifications à prendre en compte au niveau du script PHP) :
<form method="post" action="formmail.php" onsubmit="return valider()"> <input name="subject" value="Contact par le site" type="hidden" /> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td>Statut *:</td> <td align="left"> <input type="radio" name="statut" value="entreprise" /> Entreprise <input type="radio" name="statut" value="particulier" /> Particulier <input type="radio" name="statut" value="presse" /> Presse </td> </tr><tr> <td>Civilité *:</td> <td align="left"> <input type="radio" name="civilite" value="Mme" /> Mme <input type="radio" name="civilite" value="Mlle" /> Mlle <input type="radio" name="civilite" value="Mr" /> Mr </td> </tr><tr> <td>Nom *:</td> <td><input type="text" id="Nom" name="nom" value="" size="27" /></td> </tr><tr> <td>Prénom *:</td> <td><input type="text" id="Prenom" name="prenom" value="" size="27" /></td> </tr><tr> <td>Entreprise :</td> <td><input type="text" id="Entreprise" name="entreprise" value="" size="27" /></td> </tr><tr> <td>E-mail *:</td> <td><input type="text" id="Email" name="email" value="" size="27" /></td> </tr><tr> <td>Téléphone :</td> <td><input type="text" id="Tel" name="tel" value="" size="27" /></td> </tr><tr> <td> </td> <td><input type="submit" name="SEND" value="Test" /><i><font size=1> *champs obligatoires</font></i></td> </tr> </table> </form>
