Discussion :

[Seb981]

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 :

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 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 :

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

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>

[SpaceFrog]

Code :

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

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;
			}

[Seb981]

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 :

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

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

[SpaceFrog]

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

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

Code :

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

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 :

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

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

avec un

Code :

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

 return result;

et fin de fonction de vérification ...

[Seb981]

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 :

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

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

[SpaceFrog]

Code :

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

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

[Seb981]

Merci vraiment beaucoup, tout marche.

Voici le code sans erreur :

javascript :

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
<!--
	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 :

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

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

et

Code :

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

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

MERCI

Seb