Discussion :

[metatron]

bjour. Voila j'avas vu un script permettant de verifier si des checkbox ont été cochées ou pas, mais ce script se basait sur la valeur name, et mes valeurs sont differentes pour chaque case.

Quel code meteriez vous pour afficher dans une box 'alert', si aucune liste n'est encore cochée ? Merci d'avance de votre aide.

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
<ul class="list">
          <li class="list">
            <input type="checkbox" name="list[1]" value=signup  />
            moto
            <div class="listdescription">
              <input type=hidden name="listname[1]" value="moto"/>
            </div>
          </li>
          <li class="list">
            <input type="checkbox" name="list[7]" value=signup  />
            auto
            <div class="listdescription">
              <input type=hidden name="listname[7]" value="auto"/>
            </div>
          </li>

[metatron]

Quelqu'un aurait une idée ?

[metatron]

up, personne ne voit ?

[denisC]

up, personne ne voit ?

http://javascript.developpez.com/faq...ps#valCheckbox

En se basant la dessus, ça va mieux?

[metatron]

salut denisC, j'avais vu ce script, mais qui ne marche si c'est le meme nom. Comment l'adapter si il y'a plusieurs listes avec des noms diferents ?

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
19
20
21
22
23
<script>
for (i=0; i<document.nomduform.nomdescases.length; i++) {
    if (document.nomduform.nomdescases[i].checked) 
      // cochée 
   else 
      alert("Veuillez cocher une case ! "); 
}
</script>
<ul class="list">
          <li class="list">
            <input type="checkbox" name="list[1]" value=signup  />
            moto
            <div class="listdescription">
              <input type=hidden name="listname[1]" value="moto"/>
            </div>
          </li>
          <li class="list">
            <input type="checkbox" name="list[7]" value=signup  />
            auto
            <div class="listdescription">
              <input type=hidden name="listname[7]" value="auto"/>
            </div>
          </li>

[metatron]

Re, bon avec le script fourni par DenisC, j'ai commence a tester le controle sur UNE liste (et faire pareil avec les autres apres). Mais quand j'appuie sur le submit i ne se passe rien, alors qu'ild evrai m'afficher 'case pas cochée' ? savez vous ce qui ne va pas ?

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
<script>
function control_list(){
for (i=0; i<document.validation.list.length; i++) {
    if (document.validation.list[i].checked) 
     alert("case pas cochee");
 else 
     return true;
}
 } 
</script>
<form method="post" name="validation" >
liste 1 <input type="checkbox" name="list" value=signup  />
 
<input type=button name=Submit value=Envoyer onclick="return control_list();" />
</form>

[rieppe]

Hello,

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
<script>
function control_list(){
for (i=0; i<document.validation.list.length; i++) {
    if (document.validation.list[i].checked) 
     alert("case pas cochee");
 else 
     return true;
}
 } 
</script>
<form method="post" name="validation" >
liste 1 <input type="checkbox" name="list" value=signup  />
 
<input type=button name=Submit value=Envoyer onclick="return control_list();" />
</form>

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
<script>
  function control_list(){
    for (i=0; i<document.validation.list.length; i++) {
      if (!document.validation.list[i].checked) {
        alert("Case non cochée");
        return false;
      }
    }
    return true;
  } 
</script>
<form method="post" name="validation" >
liste 1 <input type="checkbox" name="list" value=signup  />
 
<input type=button name=Submit value=Envoyer onclick="return control_list();" />
</form>

Je ferais ca. Ton test disait, si la case est coché afficher "Case pas cochée".
Et si tu veux tester une liste de case, il faut pas mettre le return true dans ta boucle directement.

[metatron]

salut rieppe. Wé la boucle n'etait pas faite correctment. Mais la i ne se passe tjs rien avec ton code . Que ce soiit coché ou pas ca ca n'affiche jamais aucun msg :/ une idée ?

[metatron]

Re, donc l'idée est tjs de controler que AU MOINS UNE case soit cochée, pour pouvoir valider le form...Chaque case a une valeur differente de type list[x]...J'ai testé ce code, mais aucun effet (que ce soit coché ou pas coché) :

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
<script>
  function control_list(){
    for (i=0; i<document.validation.list[i].length; i++) {
      if (!document.validation.list[i].checked) {
        alert("Case non cochée");
        return false;
      }
    }
    return true;
  } 
</script>
<form method="post" name="validation" >
liste 1 <input type="checkbox" name="list[1]" value=signup  /><br>
 liste 2 <input type="checkbox" name="list[2]" value=signup  />
<input type=button name=Submit value=Envoyer onclick="return control_list();" />
</form>

la seule chose que ca fait quand je clique c'est un msg d'erreur JS : "document.validation.list has no properties"


Savez vous ce qui ne va pas please ?

[rieppe]

Hello,

Ca ca fonctionne, a toi d'adapter pour plusieur listes.

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
19
<html>
	<head>
		<script language="Javascript">
			function control_list() {
				if (!document.forms["validation"].elements["list"].checked) {
					alert("Case non cochée");
					return false;
				}
				return true;
			} 
		</script>
	</head>
	<body>
	<form method="post" name="validation" >
		liste 1 <input type="checkbox" name="list" value="signup"  />
		<input type="button" name="Submit" value="Envoyer" onclick="return control_list();" />
	</form>
	</body>
</html>