Verification de checkbox

Fermé
Lucile4 - 26 oct. 2010 à 03:14
 Lucile4 - 27 oct. 2010 à 09:31
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 :

	<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>&nbsp;&nbsp;&nbsp;*champs obligatoires</font></i>
										</td></tr>
										</table>							
							</form>


J'espere que quelqu'un pourra m'aidé !

D'avance Merci !

4 réponses

Bonjour,
Je ne vois aucune checkbox dans ton formulaire, uniquement des boutons radio.
@+
0
Bonjour Twinpics, je voulais dire une vérification sur les boutons radios oui.
0
Bonsoir,
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>&nbsp;</td>
			<td><input type="submit" name="SEND" value="Test" /><i><font size=1>&nbsp;&nbsp;&nbsp;*champs obligatoires</font></i></td>
		</tr>
	</table>
</form>
0
Merci beaucoup Twinpics !!

Ca fonctionne impeccable et mon tableau est même mieux mis en forme !

Merci du temps que tu m'as consacré!!
0