formulaire et région répété

Version imprimable

bonjour, j'ai une case a cocher dans une ligne répété dynamiquement par des données issues de ma base sql. Mon utilisateur doit cocher toutes les checkbox pour valider l'envoie final. Le hic c'est que mes checkbox ne sont pas avec le formulaire d'envoie. Ma question est donc : comment vérifier que mon utilisateur a bien cocher toutes les cases ?
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <table width="100%" border="1" cellspacing="0"> <tr> <th scope="col">col 1</th> </tr> <?php do { ?> <tr> <td><?php echo $row_Recordset1['client']; ?> <form name="valide" method="post" action=""> <input name="case" type="checkbox" id="case" value=""> accepter.</form> </td> <?php } while ($row_Recordset1 = mysql_fetch_assoc($Recordset1)); ?> </table> <p> </p> <form name="form1" method="post" action="" > <input type="button" name="Submit" value="Envoyer"> </form>
Merci de m'aider.

yahi

17/01/2009, 12h33
le_chomeur

bonjour , je vois des erreurs html => formulaire non fermé , ils le sont peut-être dans le script php ??????
DONC merci de poster le code HTML complet :)

voila le code complet :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
 
<?php require_once('../../../Connections/connectiongbd.php'); ?>
<?php
$maxRows_Recordset1 = 100;
$pageNum_Recordset1 = 0;
if (isset($_GET['pageNum_Recordset1'])) {
  $pageNum_Recordset1 = $_GET['pageNum_Recordset1'];
}
$startRow_Recordset1 = $pageNum_Recordset1 * $maxRows_Recordset1;
 
mysql_select_db($database_connectiongbd, $connectiongbd);
$query_Recordset1 = "SELECT * FROM client";
$query_limit_Recordset1 = sprintf("%s LIMIT %d, %d", $query_Recordset1, $startRow_Recordset1, $maxRows_Recordset1);
$Recordset1 = mysql_query($query_limit_Recordset1, $connectiongbd) or die(mysql_error());
$row_Recordset1 = mysql_fetch_assoc($Recordset1);
 
if (isset($_GET['totalRows_Recordset1'])) {
  $totalRows_Recordset1 = $_GET['totalRows_Recordset1'];
} else {
  $all_Recordset1 = mysql_query($query_Recordset1);
  $totalRows_Recordset1 = mysql_num_rows($all_Recordset1);
}
$totalPages_Recordset1 = ceil($totalRows_Recordset1/$maxRows_Recordset1)-1;
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
 
<body>
<table width="100%"  border="1" cellspacing="0">
  <tr>
    <th scope="col">jdfjh</th>
  </tr>
  <?php do { ?>
  <tr>
    <td><?php echo $row_Recordset1['mail']; ?>
      <form name="valide" method="post" action="">
                <input name="case" type="checkbox" id="case" value="">
Certifie.              
      </form>
</td>
  </tr>
  <?php } while ($row_Recordset1 = mysql_fetch_assoc($Recordset1)); ?>
</table>
<p>&nbsp;</p>
<form name="form1" method="post" action="" >
  <input type="button" name="Submit" value="Envoyer" >
</form>
<p>&nbsp;</p>
</body>
</html>
<?php
mysql_free_result($Recordset1);
?>

bien évidement c'est une page de test qui n'a pour but que de trouver comme vérifier les checkbox.

yahi

19/01/2009, 11h10
Matthieu2000

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

PS : les id doivent être uniques
19/01/2009, 11h10
Bovino

Citation:

Envoyé par le_chomeur

DONC merci de poster le code HTML complet :)

:?
19/01/2009, 11h17
yahi.jye

Citation:

Envoyé par Matthieu2000

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

PS : les id doivent être uniques

Oui, j'ai regardé la faq et ce code en particulier, mais je n'ai pas réussi a le faire fonctionner pour mon cas. C'est pour ca que je demande un peu d'aide.

yahi
19/01/2009, 11h19
Matthieu2000

Citation:

Envoyé par yahi.jye

Oui, j'ai regardé la faq et ce code en particulier, mais je n'ai pas réussi a le faire fonctionner pour mon cas. C'est pour ca que je demande un peu d'aide.

yahi

Sans code (html et non du php fait un affiche code), ni erreurs, ce sera dur...
19/01/2009, 11h23
yahi.jye

sans php, je n'ai plus ma région répété qui me pose pb...
19/01/2009, 11h29
Bovino

Citation:

Envoyé par yahi.jye

sans php, je n'ai plus ma région répété qui me pose pb...

Le PHP génère du code HTML habituellement, c'est cela que l'on aimerait voir !

voila le résultat dans le navigateur. C'est ptre ça que tu me demande?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML><HEAD><TITLE>Document sans titre</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>
<BODY>
<SCRIPT type=text/javascript>
<!--
 
 
function checkbox(form)
 
	for (i=0; i<document.form.elements.length; i++) {
    if (document.form.case[i].checked)
      // cochée
   else
      // pas cochée
	alert("Cochez les cases.");
	}
 
 
//-->
</SCRIPT>
 
<TABLE cellSpacing=0 width="100%" border=1>
  <TBODY>
  <TR>
    <TH scope=col>jdfjh</TH></TR>
  <TR>
    <TD>mail
      <FORM name=valide action="" method=post><INPUT id=case type=checkbox 
      value="" name=case> Certifie. </FORM></TD></TR>
  <TR>
    <TD>mail 
      <FORM name=valide action="" method=post><INPUT id=case type=checkbox 
      value="" name=case> Certifie. </FORM></TD></TR>
  <TR>
    <TD>mail
      <FORM name=valide action="" method=post><INPUT id=case type=checkbox 
      value="" name=case> Certifie. </FORM></TD></TR></TBODY></TABLE>
<P>&nbsp;</P>
<FORM name=form1 action="" method=post><INPUT onclick=checkbox(valide) type=button value=Envoyer name=Submit> 
</FORM>
<P>&nbsp;</P></BODY></HTML>

19/01/2009, 11h37
Bovino

Oui, c'était bien ça...
Désolé de te le dire, mais ton code est... affreux (je me retiens :cry:)
Plusieurs formulaires avec le même name contenant des éléments avec les mêmes id.
Tu pointes sur les formulaires avec

Code:

document.form

c'est plutôt forms (qui est un tableau).
Il y a beaucoup de choses à revoir avant que ta fonction ne marche...
19/01/2009, 11h41
le_chomeur

Citation:

Envoyé par Bovino

:?

????? oui

Oui, ca ne fait aucun doute !
Je suis pas un programmeur de métier ni de formation.
Donc je suis preneur de tous les conseils.
Je connais tres mal le java script, donc si tu peux détailler ça me permettra de mieux comprendre.

si je te comprends bien mon code devient :
Code:

1 2 3 4 5 6 7 8 9 function checkbox(form) for (i=0; i<document.forms.elements.length; i++) { if (document.forms.case[i].checked) // cochée else // pas cochée alert("Cochez les cases."); }

Au pif

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<form name="valide" method="post" action="" onsubmit="return checkbox(this);">
 
<table width="100%"  border="1" cellspacing="0">
  <tr>
    <th scope="col">jdfjh</th>
  </tr>
  <?php do { ?>
  <tr>
    <td><?php echo $row_Recordset1['mail']; ?>
                      <input name="case[]" type="checkbox"  value="">
Certifie.              
     </td>
  </tr>
  <?php } while ($row_Recordset1 = mysql_fetch_assoc($Recordset1)); ?>
</table>
 </form>
 
....
 
function checkbox(formulaire){
 listCase=formulaire.elements["case[]"];
	for (i=0; i<listCase.length; i++) {
    if (listCase[i].checked)
      // cochée
   else{
      // pas cochée
	alert("Cochez les cases.");
retun false;
}
	}
return true;
}

19/01/2009, 11h51
Bovino

@le_chomeur :
C'était pour souligner que la réponse à ce que tu demandais n'était pas satisfaisant (tu demandes du HTML et la réponse est du PHP), désolé si tu l'as pris pour toi...

@yahi.jye

Code:

for (i=0; i<document.forms.elements.length; i++)

document.forms est une collection des formulaires de la page... donc document.forms.elements n'a pas de sens, il faut boucler d'abord sur les formulaires

Code:

for (i=0; i<document.forms.length; i++)

puis sur les éléments des formulaires :

Code:

for (j=0; j<document.forms[i].elements.length; j++)
19/01/2009, 11h59
yahi.jye

[QUOTE=Matthieu2000;3948356]Au pif
[QUOTE]

non ce ne marchera pas ! les formulaires sont pas envoyés.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<HTML><HEAD><TITLE>Document sans titre</TITLE>
<BODY>
<SCRIPT type=text/javascript>
<!--
function checkbox(forms)
for (i=0; i<document.forms.length; i++)
 
	for (j=0; j<document.forms[i].elements.length; j++)
    	if (document.forms[i].case[j].checked)
      	return true;
   		} else {
     	 // pas cochée
		alert("Cochez les cases.");
		return false;
		}
	}
 
}
//-->
</SCRIPT>
 
<TABLE >
  <TBODY>
  <TR>
    <TH>jdfjh</TH></TR>
  <TR>
    <TD>mail
      <FORM name=valide action="" method=post><INPUT id=case type=checkbox 
      value="" name=case> Certifie. </FORM></TD></TR>
  <TR>
    <TD>mail 
      <FORM name=valide action="" method=post><INPUT id=case type=checkbox 
      value="" name=case> Certifie. </FORM></TD></TR>
  <TR>
    <TD>mail
      <FORM name=valide action="" method=post><INPUT id=case type=checkbox 
      value="" name=case> Certifie. </FORM></TD></TR></TBODY></TABLE>
<P>&nbsp;</P>
<FORM name=form1 action="" method=post><INPUT onclick=checkbox(valide) type=button value=Envoyer name=Submit> 
</FORM>
<P>&nbsp;</P></BODY></HTML>

Ca me dit erreur sur la page.

19/01/2009, 12h22
Bovino
Citation:

Ca me dit erreur sur la page.

Pas étonnant... la syntaxe sur une boucle est plutôt :
Code:

1 2 3 for(i=0; i<test; i++){ // Traitement }
Si tu oublies les accolades, ça marche moins bien.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<SCRIPT type=text/javascript>
<!--
function checkbox(form)
for (i=0; i<document.forms.length; i++) {
 
	for (j=0; j<document.forms[i].elements.length; j++) {
    	if (document.forms[i].case[j].checked) {
      	return true;
   		} else {
     	 // pas cochée
		alert("Cochez les cases.");
		return false;
		}
	}
 
}
//-->
</SCRIPT>

ca non plus, ça ne fonctionne pas.

:koi: je comprends pas trop ta logique...
Ca sert à quoi de boucler sur les éléments si c'est juste pour tester une checkbox...
Tu peux essayer
Code:

1 2 3 4 5 6 7 8 9 10 11 for (i=0; i<document.forms.length; i++) { if (document.forms[i].case.checked) { return true; } else { // pas cochée alert("Cochez les cases."); return false; } } }
Mais ça risque de ne pas être très concluant car tu as de nombreux éléments avec l'id case et le name case !

19/01/2009, 13h02
yahi.jye

je sais pas comment l'écrire ce script. Donc si de ton coté tu sais le faire, ce serait bcp plus simple de donner la réponce. Je sais pas comment m'y prendre et donc j'écris et test ce que tu as mis précédement... et vu que je comprends pas trop effectivement, ca peut être du grand n'importe quoi...

récap :
les checkbox ont toute le mm nom.
les formulaires qui ont ces checkbox ont également le mm nom.
le but est que toutes les box de tous les formulaires soient cochées.

y a pas un script qui gère la globalité comme une entitée et dit ok ou nok si coché ?

yahi.

j'ai réussi a donner un n° au formulaire, du coup, je peux les identifier.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<html>
<body>
<script type="text/javascript">
<!--
function checkbox(formulaire){
for (i=0; i<document.forms.length; i++)
	if (document.forms[i].check.checked==false) 
	alert("Vous avez oublié de cocher des cases.");	 
}
//-->
</script><table width="100%"  border="1" cellspacing="0">
  <tr>
    <th scope="col">jdfjh</th>
  </tr>
    <tr>
    <td>mail     <br>      
      <form name="valide1" method="post" action="">
                <input name="check" type="checkbox" id="case" value="">
Certifie.              </form>
</td>
  </tr>
    <tr>
    <td>mail     <br>      
      <form name="valide2" method="post" action="">
                <input name="check" type="checkbox" id="case" value="">
Certifie.              </form>
</td>
  </tr>
    <tr>
    <td>mail     <br>      
      <form name="valide3" method="post" action="">
                <input name="check" type="checkbox" id="case" value="">
Certifie.              </form>
</td>
  </tr>
  </table>
<p>&nbsp;</p>
<form name="form1" method="post" action="" >
  <input type="button" name="Submit" value="Envoyer" onclick="checkbox()">
</form>
<p>&nbsp;</p>
</body>
</html>

mais du coup, j'ai 3 fois mon message d'erreur.
j'essai de faire un compteur.. mais n'y arrive pas.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
<!--
function checkbox(formulaire){
compte=0;
for (i=0; i<document.forms.length; i++)
	if (document.forms[i].check.checked==false) 
	compte++;
 
}
if (compte>0) alert("Vous avez oublié de cocher des cases.");
//-->
</script>

merci de m'indiquer comment faire fonctionner ce compteur.

yahi

j'ai pas réussi a faire afficher un message en fin de script avec le compteur.
je procède d'une façon différente :
Code:

1 2 3 4 5 6 7 function checkbox(formulaire){ for (i=0; i<document.forms.length; i++) { if (document.forms[i].check.checked==false) msg=document.forms[i].check.value ; alert("Vous avez oublié de certifier pour " + msg +" ."); } }
du coup je donne le contenu de ma variable comme valeur a la checkbox.

la boucle est donc transformé de cette sorte :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <?php $compteur = 0; do { $compteur = $compteur+1; ?> <tr> <td><?php echo $client['mail']; ?> <br> <form name="valide<?php echo $compteur; ?>" method="post" action=""> <input name="check" type="checkbox" id="<?php echo $client['mail']; ?>" value="<?php echo $client['mail']; ?>"> Certifie.</form> </td> </tr> <?php } while ($client = mysql_fetch_assoc($client));?>
il reste toutefois a envoyer le formulaire une fois tout testé.
mais je suis bloqué comme avec le compteur.
Si je mets un submit, c'est envoyé dans tous les cas...

yahi

20/01/2009, 11h17
Matthieu2000

pourquoi continues tu à faire n formulaires alors que tu ne peux faire qu'un seul submit (un formulaire)?
20/01/2009, 12h01
yahi.jye

je dois contraindre l'utilisateur. Il doit me certifier que les éléments de son "panier" ne correspondent pas à des éléments qu'il peut avoir en stock. C'est une mesure de protection coté vendeur.
20/01/2009, 12h12
Matthieu2000

Je précise : pourquoi ne pas faire un formulaire avec n champs?

autre solution: activer si cocher..

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<html>
<body>
<script type="text/javascript">
<!--
function checkbox(formulaire){
for (i=0; i<document.forms.length; i++) {
	if (document.forms[i].check.checked==false)  
	msg=document.forms[i].check.value ;
	alert("Vous avez oublié de certifier pour " + msg +" .");
	}
}
//-->
</script>
 
<table width="100%"  border="1" cellspacing="0">
  <tr>
    <th scope="col">jdfjh</th>
  </tr>
    <tr>
    <td>mail1<br>      
      <form name="valide1">
                <input name="check" type="checkbox" id="check1" value="mail1" 
onclick="document.getElementById('check2').disabled=false" >
Certifie. 
</form>
</td>
  </tr>
    <tr>
    <td>mail2<br>      
      <form name="valide2">
                <input name="check" type="checkbox" id="check2" value="mail2" 
onclick="document.getElementById('check3').disabled=false" disabled>
Certifie. 
</form>
</td>
  </tr>
    <tr>
    <td>mail3<br>      
      <form name="valide3">
                <input name="check" type="checkbox" id="check3" value="mail3" 
onclick="document.getElementById('submit').disabled=false" disabled>
Certifie. 
</form>
</td>
  </tr>
  </table>
<p>&nbsp;</p>
<form name="form1" method="post" action="test.php" onclick="checkbox()">
  <input type="submit" name="Submit" value="Envoyer" disabled>
</form>
<p>&nbsp;</p>
</body>
</html>

du coup il faut cocher pour passer a l'étape suivante.
le tableau répété a donc cette forme en php :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<table width="100%"  border="1" cellspacing="0">
  <tr>
    <th scope="col">jdfjh</th>
  </tr>
  <?php $compteur = 0;
do {  
$compteur = $compteur+1; 
$compteur2=$compteur+1;?>
  <tr>
    <td><?php echo $row_Recordset1['mail']; ?>
      <br>      
      <form name="valide<?php echo $compteur; ?>">
                <input name="check" type="checkbox" id="check<?php echo $compteur; ?>" value="<?php echo $row_Recordset1['mail']; ?>" 
onclick="<?php 
if($totalRows_Recordset1==$compteur) {
 echo "document.getElementById('submit').disabled=false";
 } else {
 echo "document.getElementById('check$compteur2').disabled=false";
 }?>" <?php if($compteur<>1) echo "disabled";  ?>>
Certifie. 
</form>
</td>
  </tr>
  <?php } while ($row_Recordset1 = mysql_fetch_assoc($Recordset1));?>
</table>

du coup la fonction checkbox ne sert plus a grand chose et j'ai fait ma contrainte. Si qqun a une meilleur idée pour traiter ces box, je laisse encore un peu en non résolu.
yahi

20/01/2009, 12h22
yahi.jye

Citation:

Envoyé par Matthieu2000

Je précise : pourquoi ne pas faire un formulaire avec n champs?

dans mon exemple, il n'y a pas tous les formulaires de ma page. Je ne crois pas pouvoir imbriquer les formulaires.? Dans le tableau exemple il n'y a qu'une colonne, en réel, il y en a d'autre dont certaine avec un formulaire pour faire des choix de service.. chaque ligne du tableau a 2 formulaires et le submit sert à envoyer le résultat d'association(imbrication) de chaque ligne.

C'est sens doute tiré par les cheveux, mais c'est ce qu'on me demande de faire.