Discussion :

[Alexdezark]

Bonjour (re) à tous

Quelle est la syntaxe pour vérifier le nombre de cases cochées dans un formulaire avant de l'envoyer.

Pour permettre de décider par exemple que s'il n'y a pas au moins deux cases cochées on affiche un alert() au lieu d'envoyer le formulaire.

Merci d'avance pour vos réponses

[le_chomeur]

une petite recherche sur le forum

[E.Bzz]

Bonjour,

Pour permettre de décider par exemple que s'il n'y a pas au moins deux cases cochées on affiche un alert() au lieu d'envoyer le formulaire.

Si tu as ce problème, c'est que tu dois utiliser des radio et non des checkbox.

Pour le reste, vu le nombre de fois où la question a été posée,

A+

[le_chomeur]

Bonjour (re) à tous

Quelle est la syntaxe pour vérifier le nombre de cases cochées dans un formulaire avant de l'envoyer.

Pour permettre de décider par exemple que s'il n'y a pas au moins deux cases cochées on affiche un alert() au lieu d'envoyer le formulaire.

Merci d'avance pour vos réponses

2 cases donc il s'agit bien de checkbox

mais je ré-invite a chercher

[Alexdezark]

Ben non pas des radios puisque je veux au contraire en avoir plusieurs cochées

Je suis en train de chercher dans le passé du forum... je vais bien trouver...

[E.Bzz]

2 cases donc il s'agit bien de checkbox

Ah oui.

J'avais surtout lu

Pour permettre de décider par exemple que s'il n'y a pas au moins deux cases cochées on affiche un alert() au lieu d'envoyer le formulaire.

A+

[Alexdezark]

Je comprends pas bien...

Les posts que je trouve stipulent que les checkbox doivent avoir le même nom...

Mais lorsque j'envoi un formulaire ou les checkbox ont le même nom, seule reste la value de la dernière dans mon tableau $_post à l'arrivé...

[le_chomeur]

bon montre nous ton code ^^

[Alexdezark]

Bon Ok mais j'ai un peu peur de me faire insulter parce que c'est pas du HTML

voici le code qui crée ma liste de cases à cocher

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
 
 
echo '<table width="300" align="center" border="1" cellspacing="1" cellpadding="0"><tr>
<td colspan="4" style="font-weight:bold;padding:5px" align="center">Cochez la case de ceux que vous voulez supprimer.</td></tr>';
echo '<tr><td align="center" style="font-weight:bold;padding:5px">Taille</td>
<td align="center" style="font-weight:bold;padding:5px">Poids</td>
<td align="center" style="font-weight:bold;padding:5px">Pointure</td>
<td align="center" style="font-weight:bold;padding:5px">Cocher</td></tr>';
 
$cptMensur=0;
for($i=0; $i<$total; $i++){
echo '<tr><td align="center">'.$tabMensurations[$cptMensur].'</td>';
$cptMensur++;
echo '<td align="center">'.$tabMensurations[$cptMensur].'</td>';
$cptMensur++;
echo '<td align="center">'.$tabMensurations[$cptMensur].'</td>';
$cptMensur++;
echo '<td align="center"><input name="particip'.$i.'" id="particip'.$i.'" type="checkbox" value="'.$i.'"/></td></tr>';
};
echo '</table>';

après avoir décidé du nombre de participants à supprimer il faut indiquer lesquels dans cette liste.

Si le nombre de cases cochées corresponds au nombre de personnes à supprimer choisi alors on valide le formulaire ,sinon :

alert("le nombre de cases cochées doit être le même que le nombre de personnes à désinscrire !")

c'est l'évenement onclick sur le bouton d'envoi du Form qui appelle la fonction
qui soumet ou ne soumet pas le formulaire

[le_chomeur]

effectivement tu vas te faire incendier
montre nous le code généré

[Alexdezark]

Me faire incendier... suite...

Le code est généré par un Ajax updater dans une Div...

Le code source de la page (dans le navigateur) ne montre qu'une Div... vide

[E.Bzz]

Le code source de la page (dans le navigateur) ne montre qu'une Div... vide

Entre l'url appelée par Ajax dans la barre d'adresse du nav : la réponse sera affichée et tu pourras récupérer le HTML retourné ...

A+

[Alexdezark]

En fait cette page attends trop de variables POST passées par mon script Ajax

Car elle doit trouver le client dans la BDD puis trouver toutes les activités commandées par ce client.

Regarder si on a décider d'ajouter ou de supprimer un inscrit dans l'activité

Puis regarder dans la liste d'activités celles qui nécessitent les mensurations du client (le canyonning par exemple pour les combinaisons et les palmes )

enfin afficher activité par activité les mensurations des participants avec une case à cocher en face de chaque participant pour pouvoir le désinscrire.

Je ne peux pas l'interroger juste comme ça sans la suite de variables correspondant à quelque chose de valide dans la BDD

[E.Bzz]

Alors (presque) au pif : si ce name n'est pas déjà utilisé ailleurs, essaye plutôt avec

Code :

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

<input name="particip" id="particip'.$i.'" .....

A+

[Jumano]

Bonjour,
En fait tu dois ajouter des '[]' à tes noms de checkbox pour pouvoir récupèrer toutes les valeurs des checkbox cochées avec $_POST :

Code :

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

<input name="particip[]" id="particip'.$i.'" type="checkbox" value="'.$i.'"/>

Petite précision, où récupères-tu le nombre de participants à supprimer ?

[Alexdezark]

Bon,

Je m'en suis sorti autrement...

Chaque évenement onclic sur mes checkbox incremente ou décremente (cochée ou pas) une variable dans un champ masqué.

lors de l'envoi du formulaire je récupère cette variable et je la compare au nombre de personnes à désinscrire.

Cela parait-il correct ?

[Alexdezark]

Merci de votre aide

Merci Jumano pour cette importante précision !!

Je ferai des tests avec cette syntaxe...

Mais la solution que j'avais trouvé semble fonctionner.

Bonne soirée à tous.

PS: le nombre de personnes à désinscrire et la somme des valeurs de 2 liste déroulantes (enfant, adultes) qui regarde le nombre d'inscrits dans la BDD avant de generer les <option>

[Jumano]

Re,
Sinon tu pouvais faire comme ceci :

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
<script language="javascript" type="text/javascript">
function valid_check() {
 var cases = form.elements; // 'form' correspondant au nom de ton formulaire
 var nbsup = document.getElementById('test').value; // 'test' est l'id de ton champs caché contenant le nombre à désinscrire
 var nb = 0;
 for( i=0; i<cases.length; i++)
 if (cases[i].type=='checkbox') {
        if(cases[i].checked) {
    		nb++;
		}
 }
 if (nb < nbsup) {
	 alert("Pas bon !");
	 return false;
 } else {
	 return true;
 }
}
</script>

Et dans ta balise <form> :

Code :

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

onsubmit="return valid_check();"

[Alexdezark]

Merci de ces précisions Jumano

Je vais pouvoir essayer cela... demain...

Bonne soirée

[Alexdezark]

Bonjour,

Jumano : J'ai testé avec ta solution et ça marche Super merci

Je l'ai un tout petit peu adapté, mais cela me permet d'éviter un champ masqué supplémentaire.

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
 
function valid_check(num) {
 var cases = document.forms["formModif"+num].elements;
 var nbsup=parseInt(document.getElementById("enfant"+num).value)+parseInt(document.getElementById("adulte"+num).value);
 var nb = 0;
 for( i=0; i<cases.length; i++)
 if (cases[i].type=='checkbox') {
        if(cases[i].checked) {
    		nb++;
		}
 }
 if (nb != nbsup) {
	 alert("Pas bon !");
	 return false;
 } else {
	 alert("OK !");
	 return false;
 }
}

Trés bonne journée à tous