formulaire et "checkage" de champ

**deborah95** · 17/04/2009, 09h25

Bonjour,

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

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

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

**andry.aime** · 17/04/2009, 09h35

Salut

Code :

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

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

**Bovino** · 17/04/2009, 09h53

et le HTML

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 :

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

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

semble indiquer une erreur de type de paramètre.

**deborah95** · 17/04/2009, 10h28

Voici le code HTML généré

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

**andry.aime** · 17/04/2009, 10h41

Salut, les valeurs des attributs devraient être entre des quotes, vire 'javascript:', mais les attributs en minuscule

Code :

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

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

nombre.value

**deborah95** · 17/04/2009, 10h43

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

**Bovino** · 17/04/2009, 10h45

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 (").

**andry.aime** · 17/04/2009, 10h53

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

Reste

avec 2 comme valeur de la variable paramètre, dans l'execution tu auras
2.value

**deborah95** · 17/04/2009, 10h55

alors il faudrait que je le mette dans une variable

var j = nombre.value

**andry.aime** · 17/04/2009, 11h03

Non, tu dois écrire simplement

Code :

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

if(nombre == "")

**deborah95** · 17/04/2009, 11h27

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

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

**andry.aime** · 17/04/2009, 12h19

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 :

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

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

formulaire et "checkage" de champ

JavaScript

Discussions similaires

Partager

Partager