formulaire et "checkage" de champ

Version imprimable

Bonjour,

J'essaye de faire un check de mes champs issus d'un formulaire mais ca ne fonctionne pas

Javascript

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
 
function couleur(obj) {
     obj.style.backgroundColor = "#FFFFFF";
}
 
function check(nombre) {
	var msg = "";
 
	if(nombre.value == ""){
		if (document.formulaire.nom_emprunteur.value == "")	{
			msg += "Veuillez saisir le nom\n";
			document.formulaire.nom_emprunteur.style.backgroundColor = "#FFCC66";
		}
	}
	for(var i =1; i<=nombre; i++){
 
		if (document.formulaire.['nom_associe'+i].value == "")	{
			msg += "Veuillez saisir le nom\n";
			document.formulaire.['nom_associe'+i].style.backgroundColor = "#FFCC66";
		}
		if (document.formulaire.['prenom_associe'+i].value == "")	{
			msg += "Veuillez saisir le prenom\n";
			document.formulaire.['prenom_associe'+i].style.backgroundColor = "#FFCC66";
		}
		if (document.formulaire.['datenaissance_associe'+i].value == "")	{
			msg += "Veuillez saisir la date de naissance\n";
			document.formulaire.['datenaissance_associe'+i].style.backgroundColor = "#FFCC66";
		}
	}
 
	if (msg == "") return(true);
	else	{
		alert(msg);
		return(false);
	}
}

et le HTML

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
<form action="../FRONTCONTROLER/FrontControler.php" method="GET" enctype="application/x-www-form-urlencoded" name="formulaire"  onSubmit="return check(<?php echo $nb_associe; ?>);">
 
 
<input type="text" name="nom_emprunteur" value="<?php echo $nom_emprunteur;?>" onKeyUp="javascript:couleur(this);" />
    	</div></td></tr>
       	</tr><tr><td height="33">Nombre d'associ&eacute; </td>
       	<td><input name="nbassocie" type="text" size="5" maxlength="5" value="<?php echo $nb_associe;?>"/></td></tr>
      	<tr><td height="25" colspan="4" align="left"><br/>
        <table width="786"  border="0" cellpadding="0" cellspacing="0">
        <tr><td colspan="6" align="center"><strong>ASSOCI&Eacute;S</strong></td>
        </tr><tr><td width="169"><div align="center"><strong>Nom *</strong></div></td>
        <td width="169"><div align="center"><strong>Pr&eacute;nom *</strong></div></td>
        <td width="229"><div align="center"><strong>Date de Naissance *</strong></div></td>
        <td width="165"><div align="center"><strong>Num&eacute;ro CP </strong></div></td>
        <td colspan="2"> <div align="center"><strong>test</strong></div></td></tr>
        <?php
                for($i = 1; $i<=$nb_associe; $i++){
                        echo "<tr><td><input type=text name=nom_associe".$i." ";?> onKeyUp="javascript:couleur(this);"
              	<?php echo"></td><td><input type=text name=prenom_associe".$i."";?> onKeyUp="javascript:couleur(this);"
               	<?php echo"></td><td align=center><input id=datenaissance_associe type=text name=datenaissance_associe".$i." size=10";?> 
               	onKeyUp="javascript:couleur(this);"
               	<?php echo" />
                                <script language=JavaScript>
                                new tcal ({
                                // form name
                                'formname': 'formulaire',
                                // input name
                                'controlname': 'datenaissance_associe$i'
                                });
                                </script></td>
                <td><input type=text name=numcp_associe".$i." size=9 maxlength=9></td>
                <td width=62><input type=radio name=radiobutton_associe".$i." value=oui>oui</td>
                        <td width=54><input type=radio name=radiobutton_associe".$i." value=non>non</td>
                </tr>";
            }
        ?>
</table></form>

Merci du coup de main

Salut

Code:

1
2
if (document.forms['formulaire'].elements['nom_associe'+i].value == "")...
if (document.forms['formulaire'].elements['prenom_associe'+i].value == "")...

17/04/2009, 09h53
Bovino

Citation:

et le HTML

:nono: c'est du PHP ! Il serait préférable de poster le code HTML généré pour pouvoir voir à quoi correspondent tes variables, arguments etc.
Déjà, cette ligne :

Code:

onSubmit="return check(<?php echo $nb_associe; ?>);"

semble indiquer une erreur de type de paramètre.

Voici le code HTML généré

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
 
<form action="../FRONTCONTROLER/FrontControler.php" method="GET" enctype="application/x-www-form-urlencoded" name="formulaire"  onSubmit="return check(2);">
    	<table width="820" border="0" cellspacing="0" cellpadding="0">
 
    	<tr><td width="19" rowspan="15">&nbsp;</td><td colspan="2"><div align="center"></div></td>
    	<td width="15" colspan="2" rowspan="13">&nbsp;</td></tr>
	    <tr><td width="165" height="35">Nom * : </td><td width="621"><div align="left"><input type="text" name="nom_emprunteur" value="" onKeyUp="javascript:couleur(this);" />
    	</div></td></tr><tr><td height="25" colspan="4" align="left"><br/>
        <table width="786"  border="0" cellpadding="0" cellspacing="0">
        <tr><td colspan="6" align="center"><strong>ASSOCI&Eacute;S</strong></td>
        </tr><tr><td width="169"><div align="center"><strong>Nom *</strong></div></td>
        <td width="169"><div align="center"><strong>Pr&eacute;nom *</strong></div></td>
        <td width="229"><div align="center"><strong>Date de Naissance *</strong></div></td>
 
        <td width="165"><div align="center"><strong>Num&eacute;ro CP </strong></div></td>
        <td colspan="2"> <div align="center"><strong>TEST </strong></div></td>
        </tr> 
        <tr>
                <td><input type=text name=nom_associe1  onKeyUp="javascript:couleur(this);"
                 value=''></td><td><input type=text name=prenom_associe1 onKeyUp="javascript:couleur(this);"
                 value=''></td><td align=center><input id=datenaissance_associe type=text name=datenaissance_associe1 size=10 
                onKeyUp="javascript:couleur(this);"
                 value=''/>
				<script language=JavaScript>
				new tcal ({
				// form name
				'formname': 'formulaire',
				// input name
				'controlname': 'datenaissance_associe1'
				});
				</script></td>
                <td><input type=text name=numcp_associe1 size=9 maxlength=9 value=''></td>  <td width=62><input type=radio name=radiobutton_associe1 value=oui  >oui</td>
 
              		<td width=54><input type=radio name=radiobutton_associe1 value=non checked> non</td></tr><tr>
                <td><input type=text name=nom_associe2  onKeyUp="javascript:couleur(this);"
                 value=''></td><td><input type=text name=prenom_associe2 onKeyUp="javascript:couleur(this);"
                 value=''></td><td align=center><input id=datenaissance_associe type=text name=datenaissance_associe2 size=10 
                onKeyUp="javascript:couleur(this);"
                 value=''/>
				<script language=JavaScript>
				new tcal ({
				// form name
				'formname': 'formulaire',
				// input name
				'controlname': 'datenaissance_associe2'
				});
				</script></td>
                <td><input type=text name=numcp_associe2 size=9 maxlength=9 value=''></td>  <td width=62><input type=radio name=radiobutton_associe2 value=oui  >oui</td>
              		<td width=54><input type=radio name=radiobutton_associe2 value=non checked> non</td></tr>        </table>

17/04/2009, 10h41
andry.aime
Salut, les valeurs des attributs devraient être entre des quotes, vire 'javascript:', mais les attributs en minuscule
Code:

1 2 ><input type="text" name="nom_associe1" onkeyup="couleur(this);" value=''>
Dans l'appelle de chek(2)
2 n'a pas d'attribut value

Citation:

nombre.value
17/04/2009, 10h43
deborah95

comment ca nombre n'a pas de value ? Là je suis un peu larguée
17/04/2009, 10h45
Bovino

Le problème est que tu envoies un entier comme argument à ta fonction et que tu l'utilise comme un champ de formulaire...
Essaye aussi de mettre les valeurs des attributs entre guillemets (").
17/04/2009, 10h53
andry.aime

Citation:

comment ca nombre n'a pas de value ? Là je suis un peu larguée

Reste :zen:
avec 2 comme valeur de la variable paramètre, dans l'execution tu auras
2.value :aie:
17/04/2009, 10h55
deborah95

alors il faudrait que je le mette dans une variable

var j = nombre.value
17/04/2009, 11h03
andry.aime

Non, tu dois écrire simplement

Code:

if(nombre == "")

j'essaye en enlevant ma boucle mais ne marche toujours pas

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
function check(nombre) {
	var msg = "";
 
 
 
	if(nombre == 0){
		if (document.formulaire.nom_emprunteur.value == "")	{
			msg += "Veuillez saisir le nom\n";
			document.document.formulaire.nom_emprunteur.style.backgroundColor = "#FFCC66";
		}
	}
 
 
	if (msg == "") return(true);
	else	{
		alert(msg);
		return(false);
	}
}

17/04/2009, 12h19
andry.aime

En générant les éléments depuis php, fait en sorte que les valeurs des attributs générés seront entre des guillemets.

Code:

echo '<input type="text" name="numcp_associe'.$i.'" size="9 "maxlength="9">'