Cocher au moins une checkbox dont son nombre varie

Bonjour à tous,

Je fais une recherche sur 3 pages et lors de l'envoi sur la 3 éme page je souhaiterais vérifier si il y a eu au moins une checkbox de coché sur la 2éme page.

Je pense que cela viens de ce que j'ai mis en rouge dans le code javascript.
Et lorsque j'appelle les name de la chekbox NOMSECTEUR sans [] on voit bien la fenêtre arrivé sauf que lorsque que l'on met OK elle disparait bien mais nous fait avancer à l'autre page alors quel est là pour nous dire qu'il faut absolument coché une case avant de continuer.

Voici mon code javascript :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<script type="text/javascript"> <!-- function tst_cbx(){ ref=document.forms['insert']; result=false; for (i=0; i<ref.NOMSECTEUR[].length; i++){ if (ref.NOMSECTEUR[][i].checked){ result=true; break; } } alert((result) ? "Suivant":"Cochez au moins une case SVP !"); } //--> </script>

---

Voici mon code html :

Code:

---

1 2 3 4 5 6 7 8 9 10

<form name="insert" action="recherche_etape3.php" method="POST"> <table> <input type="hidden" name="NUMGARAGE" value="2" /> <input type="hidden" name="NUMGERANT" value="2" /> <input type="hidden" name="NUMCONTROLE" value="2" /> <tr><td class='noir_orage_gras'><input type ='checkbox' name='NOMSECTEUR[]' value='PARIS' />PARIS</td></tr><tr><td class='noir_orage_gras'><input type ='checkbox' name='NOMSECTEUR[]' value='ORLEANS' />ORLEANS</td></tr><tr><td class='noir_orage_gras'><input type ='checkbox' name='NOMSECTEUR[]' value='PROVINCE' />PROVINCE </td></tr> <tr> <td></td> <td align="right"><br /><input type="button" value="retour" onClick="history.back()">&nbsp;&nbsp;&nbsp;<input type="submit" value="suivant" onclick="tst_cbx()"></td> </tr> </table></form>

---

Code:

---

1 2 3 4 5 6 7

var tabElts=document.getElementsByName('NOMSECTEUR[]');   for (i=0; i<tabElts.length; i++){ if (tabElts[i].checked){ result=true; break; }

---

Merci pour ton aide. Mais il y a encore des choses bizarre :

si rien n'est coché, le message s'affiche bien, mais lorsque l'on met ok pour fermer la boite on passe quand meme à la page suivante.

et
si on n'a coché quelque chose il y a quand meme un message avec Suivant (et lorsque l'on met ok pour fermer la boite on passe bien à la page suivante) mais ce message est inutile

Saurais-tu d'ou viens cette erreur ?

Je pense que cela viens de ce bout de code :

Code:

---

1 2	alert((result) ? "Suivant":"Cochez au moins une case SVP !");

---

oui desolé j'étais con centré sur la boucle ...

on ne teste pas comme ça un form ...

Code:

---

1 2	"retour" onClick="history.back()">&nbsp;&nbsp;&nbsp;<input type="submit" value="suivant" onclick="tst_cbx()"></td> </tr>

---

vire le onclick de la et ajouter un onsubmit dans la balise form:

Code:

---

<form name="insert" action="recherche_etape3.php" onsubmit='return tst_cbx()" method="POST">

---

avec un

Code:

---

return result;

---

et fin de fonction de vérification ...

Merci beaucoup ! J'ai fait comme tu m'as dit et cela marche bien.
Aurais-tu une idée pour éviter l'affichage de "Suivant" quant il il y a bien une ou plusieurs case coché. Je pense que le problème viens de ce bout de code mais je ne sais pas comment l'arranger :

Code:

---

alert((result) ? "Suivant":"Cochez au moins une case SVP !");

---

Code:

---

if(!result){alert("Cochez au moins une case SVP !")};

---

Merci vraiment beaucoup, tout marche.

Voici le code sans erreur :

javascript :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<!-- function tst_cbx(){ ref=document.forms['insert']; result=false; var tabElts=document.getElementsByName('NOMSECTEUR[]'); for (i=0; i<tabElts.length; i++){ if (tabElts[i].checked){ result=true; break; } } if(!result){alert("Cochez au moins une case SVP !")}; return result; } //-->

---

html

Code:

---

<form ... onsubmit="return tst_cbx()">

---

et

Code:

---

<input type="submit" value="suivant" >

---

MERCI

Seb