Discussion :

[zen56]

Bonjour,

J'ai réalisé une page html conentant deux bouton checbox. Au moment de l'envoie de ma page je voudrais controler si ses deux boutons sont cochés ou non?

Voici la déclaration de mes checkbox :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<form name=f1 action="validationform.php">
<input type="checkbox" name="infoparemail" checked>&nbsp;Vous 
              souhaitez recevoir par email des informations sur nos offres.<br><br>
<input type="checkbox" name="conditiongenerale"> J'accepte les conditions générales de ventes et assure avoir lu le règlement.
		<br><br><br><br>
<input type=button value='envoyer le formulaire' onClick='verif();'><

et apres dans ma fonction je ne sais pas quoi mettre pour afficher un message d'erreur si les cases ne sont pas coché ou simplement récupérer les valeurs des checkbox.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script>function verif()
{
 
 
	if document.f1.conditiongenerale.checked=true)
	{
		alert(" la case est bien coché")
	}
	else
	{
		document.f1.submit();
	}								
 
 
 
}
</script>

[Auteur]

bonjour,

Apporte plus de soin à ton code. Il y beaucoup d'oublis et de faute de frappe.


petite correction dans le code html :
-utilise id au lieu de name (le code Javascript sera ensuite plus propre)
Le W3C recommande d'utiliser dans les balises la syntaxe attribut="valeur" donc :
-checked="checked"
-de même disabled="disabled"

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<form id="f1" action="validationform.php">
<input type="checkbox" id="infoparemail" checked="checked">&nbsp;Vous 
              souhaitez recevoir par email des informations sur nos offres.<br><br>
<input type="checkbox" id="conditiongenerale"> J'accepte les conditions générales de ventes et assure avoir lu le règlement.
		<br><br><br><br>
<input type="button" value="envoyer le formulaire" onclick="verif();">
</form>

donc ton javascript devient :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<script type="text/javascript">
function verif()
{
	var chkBox = document.getElementById("conditiongenerale");
             var formulaire = document.getElementById("f1");
 
	if (chkBox.checked==true)
	{
		alert(" la case est bien coché")
	}
	else
	{
		formulaire.submit();
	}							
}
</script>

[zen56]

parfait je te remercie. J'ai remis un peu d'odre dans mon code du coup.

La solution que tu m'a donnée est bonne.

Maitenant j'ai une page php 'validation.php' et j'aimerais retrouver la valeur de la checkbox savoir si elle a été coché ou non?

J'ai saisi ca sous ma feuille php mais il ne reconnait pas la variable

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<?
echo"$chkBox";
?>

Merci d'avance.

[Auteur]

Maitenant j'ai une page php 'validation.php' et j'aimerais retrouver la valeur de la checkbox savoir si elle a été coché ou non?

J'ai saisi ca sous ma feuille php mais il ne reconnait pas la variable

là, je sèche. Je ne connais pas PHP. Tu as regardé dans la FAQ PHP ou JS ?
http://javascript.developpez.com/faq...#PhpJavascript

[zen56]

ok pas bien grave je vais regarder la faq pour voir si je trouve quelques chose.

une derniere chose le code fonctionne a merveille sous IE mais sous firefox y'a rien qui se passe?

Tu sais pourquoi?

merci

[Auteur]

http://javascript.developpez.com/faq...s#ControleForm

Et ton bouton d'envoi doit être de type "submit" et nom de type "button"

[zen56]

oui j'ai mis "submit" au lieu de type "button" mais maintenant firefox ne prend plus en compte mes contrôle.

Y"a des champs qui doivent être rempli obligatoirement et au moment de la validation, même si les champs ne sont pas rempli, il valide en passant a la page suivante.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
html
<td width="151" style="border-width:1; border-color:black; border-style:solid;">
          Votre prénom :
</td>
<td width="230" style="border-width:1; border-color:black; border-style:solid;">
          <input type=text name=prenomvous size=30>*
</td>

et le contrôle javascript est le suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
javascript
function verif()
{
 
var chkBox = document.getElementById("conditiongenerale");
             var formulaire = document.getElementById("f1");
 
if (formulaire.villevous.value=="")
	alert(" Veuillez saisir votre ville")
else
{
if (chkBox.checked==false)
  alert("vous devez accepter les conditions générales")
else		
   formulaire.submit();
 
}
}