Control d'un formulaire

Version imprimable

Bonjour,

Je cherche à réaliser un control sur le champ Nom de mon formulaire
(JavaSrcipt pour le coté client).
Mon formulaire est en code html, mais l'ensemble se situe dans une page php.
Je viens de passer de nombreuse heures et je ne comprends vraiment ce qui cloche. Si l'un d'entre vous peut m'aider, c'est sympa.

Merci de votre aide.

Voici un extrait de mon code.

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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
 
 
<SCRIPT language="JavaScript">
function verifier() {
if (verif_ajout_patient_login.form1.Nom.value == "" ) {
window.alert("Saisissez le nom");
verif_ajout_patient_login.form1.Nom.focus();
}
 
else
 
{
verif_ajout_patient_login.form1.method = "POST";
verif_ajout_patient_login.form1.action = "verif_ajout_patient.php?Login=<?php echo $Login; ?>";
verif_ajout_patient_login.form1.submit();
}
}
</SCRIPT>
 
	<table class="TexteContenu" width="465" border="0" cellpadding="0" cellspacing="0" >
 
			<tr>
				<td width="50%"><p class="titre">Créer-votre profil.</p></td>
			</tr>
 
			<tr>
				<td width="90%"><p class="titre">Etape 2/2 : Completez ce formulaire.</p></td>
			</tr>
 
			<tr>
			<td width="90%"><p class="texte">Votre login est <? echo $Login ?>. Veuillez compléter ce second et dernier formulaire pour finaliser votre inscription</p></td>
			</tr>
 
			<tr>
			<td>
			<table width="465">
			<form class="formulaire" name="form1">
			<tr>
				<td width="150" ><p class="texte">Nom : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Nom" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Prénom : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Prenom" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Mot de passe : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Password" type="password" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Mail : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Mail" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Date de naissance : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Date_Naissance" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Adresse : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Adresse" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Ville : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Ville" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Code postal : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Code_Postal" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Sexe : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Sexe" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Téléphone : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Tel" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" valign="top"><input type="reset" value="Annuler"></td>
				<td width="200" valign="top"><input type="button" value="Valider" onClick="return verifier()"></td>
 
			</tr>
			</form>
			</table>

01/11/2006, 20h28
vg33

Quel est ton problème ?
01/11/2006, 20h32
jc_cornic

Salut, d'ou vient ton "verif_ajout_patient_login" ???
02/11/2006, 07h55
Sam 069

Le problème verif_ajout_patient_login est le nom de ma page. Car j'ai vu dans le forum qu'iil fallait attribuer la chemin de la case de la maniere suivante :

document.nomduformulaire.champ.value

Le debogueur javascript sur internet m'indique justement que cet objet est vide.

Merci de votre aide
02/11/2006, 08h01
jc_cornic
Salut, quand tu dis le nom de ta page, ca veut dire verif_ajout_patient_login.php ???

Car si oui, reessaye avec
Code:

1 2 3 if (document.form1.Nom.value == 0) ...
++
JC
02/11/2006, 08h57
Sam 069

J'ai essayé avec les deux ca me dit toujour que l'objet est vide.

Mais désromais je comprends qu'il faut utiliser "document".
Certainement que "document" renvoi le chemin de la page traité et donc il ne faut pas donner le nom de la page;

Merci de ton aide.

Code:

1 2 3 4 5 function verifier() { if (document.form1.Nom.value == "" ) { alert("Saisissez le nom"); document.form1.Nom.focus(); }
pour des questions plus précises y a une section forum javascript ici

J'ai bien suivi vos conseil mais rien ny fait. Le message
d'erreur est le suivant :

document.form1.Nom.Value a la valaeur Null ou n'est pas un objet.

Je ne vois vraiment pas d'ou provient l'erreur .
A savoir que j'ai varié mon test: une fois == 0 et une autre ==""
Et, j'ai toujours le meme message d'erreur.

Merci pour votre aide

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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
 
<SCRIPT language="JavaScript">
function verifier() {
if (document.form1.Nom.value == 0 ) {
window.alert("Saisissez le nom");
document.form1.Nom.focus();
}
 
else
{
document.form1.method = "POST";
document.form1.action = "verif_ajout_patient.php?Login=<?php echo $Login; ?>";
document.form1.submit();
}
}
</SCRIPT>
 
	<table class="TexteContenu" width="465" border="0" cellpadding="0" cellspacing="0" >
 
			<tr>
				<td width="50%"><p class="titre">Créer-votre profil.</p></td>
			</tr>
 
			<tr>
				<td width="90%"><p class="titre">Etape 2/2 : Completez ce formulaire.</p></td>
			</tr>
 
			<tr>
			<td width="90%"><p class="texte">Votre login est <? echo $Login ?>. Veuillez compléter ce second et dernier formulaire pour finaliser votre inscription</p></td>
			</tr>
 
			<tr>
			<td>
			<table width="465">
			<form class="formulaire" name="form1">
			<tr>
				<td width="150" ><p class="texte">Nom : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Nom" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Prénom : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Prenom" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Mot de passe : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Password" type="password" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Mail : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Mail" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Date de naissance : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Date_Naissance" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Adresse : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Adresse" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Ville : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Ville" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Code postal : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Code_Postal" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Sexe : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Sexe" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Téléphone : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Tel" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" valign="top"><input type="reset" value="Annuler"></td>
				<td width="200" valign="top"><input type="button" value="Valider" onClick="return verifier()"></td>
 
			</tr>
			</form>
			</table>else
{
document.form1.method = "POST";
document.form1.action = "verif_ajout_patient.php?Login=<?php echo $Login; ?>";
document.form1.submit();
}
}
</SCRIPT>
 
	<table class="TexteContenu" width="465" border="0" cellpadding="0" cellspacing="0" >
 
			<tr>
				<td width="50%"><p class="titre">Créer-votre profil.</p></td>
			</tr>
 
			<tr>
				<td width="90%"><p class="titre">Etape 2/2 : Completez ce formulaire.</p></td>
			</tr>
 
			<tr>
			<td width="90%"><p class="texte">Votre login est <? echo $Login ?>. Veuillez compléter ce second et dernier formulaire pour finaliser votre inscription</p></td>
			</tr>
 
			<tr>
			<td>
			<table width="465">
			<form class="formulaire" name="form1">
			<tr>
				<td width="150" ><p class="texte">Nom : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Nom" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Prénom : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Prenom" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Mot de passe : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Password" type="password" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Mail : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Mail" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Date de naissance : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Date_Naissance" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Adresse : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Adresse" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Ville : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Ville" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Code postal : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Code_Postal" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Sexe : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Sexe" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Téléphone : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Tel" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" valign="top"><input type="reset" value="Annuler"></td>
				<td width="200" valign="top"><input type="button" value="Valider" onClick="return verifier()"></td>
 
			</tr>
			</form>
			</table>

c'est spécial comme manière de faire, 'fin perso j'aime pas trop

perso je fais ça :
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 <form name="..." method="..." action="..." onsubmit="return maFonc()"> // différents champs <input type="submit" name="..." value="..." /> </form> function maFonc() { var valide = false; if (champ1 == "") alert("achtung !"); else if ... ... // si tout est ok else valide = true; return valide; }
le coup de mettre un bouton normal au lieu du submit et d'affecter la method et l'action dans la fonction JS je trouve ça tordu mais passons
(en plus quand tu relis le code ça fait bizarre de lire un form sans action ni method)

dans la fonction le test c'est bien == "" et pas == 0
et t'es pas obligé de préfixer alert par window.
et mets document.form1.action = "verif_ajout_patient.php?Login=$Login;";

ça ira mieux

chez moi ça marche ;)

PS : si on rentre que des espaces, avec cette méthode ça passe, tu peux utiliser des regex pour virer ce problème :
Code:

1 2 3 function trim(string) { return string.replace(/(^\s*)|(\s*$)/g,''); }
ça vire les espaces en début et fin de chaîne

et après, if (trim(champ1) == "")

mieux

Tout d'abord je te remercie pour ton aide.

Il me semble que j'ai respecter l'ensemble de tes explications.
A part les espaces, mais je verrai dans un second temps.

Toutefois sur clic, j'ai toujours le même message d'erreur qui me dit que
document.form1.Nom.value a la valeur Null ou n'est pas un objet.
Peut etre que j'ai mal défini ma page document.

Voila je vais continuer a tatonner.

Merci en tout cas.

Bonne continuation.

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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
 
	<table class="TexteContenu" width="465" border="0" cellpadding="0" cellspacing="0" >
 
			<tr>
				<td width="50%"><p class="titre">Créer-votre profil.</p></td>
			</tr>
 
			<tr>
				<td width="90%"><p class="titre">Etape 2/2 : Completez ce formulaire.</p></td>
			</tr>
 
			<tr>
			<td width="90%"><p class="texte">Votre login est <? echo $Login ?>. Veuillez compléter ce second et dernier formulaire pour finaliser votre inscription</p></td>
			</tr>
 
			<tr>
			<td>
			<table width="465">
 
			<form action="verif_ajout_patient.php?Login=<?php echo $Login; ?>" method="post" class="formulaire" onsubmit="return verifier()" name="form1" >
			<tr>
				<td width="150" ><p class="texte">Nom : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Nom" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Prénom : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Prenom" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Mot de passe : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Password" type="password" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Mail : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Mail" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Date de naissance : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Date_Naissance" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Adresse : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Adresse" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Ville : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Ville" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Code postal : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Code_Postal" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Sexe : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Sexe" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" ><p class="texte">Téléphone : &nbsp;</p></td>
				<td width="200" valign="top" height="20"><input name="Tel" type="text" size="40" /></td>
			</tr>
 
			<tr>
				<td width="150" valign="top"><input type="reset" value="Annuler"></td>
				<td width="200" valign="top"><input type="submit" value="Valider" </td>
 
			</tr>
			</form>
			</table>
			</td>
			</tr>
<tr>
<td>			
<br />	
<SCRIPT language="JavaScript">
function verifier() {
document.form1.action = "verif_ajout_patient.php?Login=$Login;";
var valide = false;
if (document.form1.Nom.value == "" ) {
alert("Saisissez le nom");
}
else
{
valide = true;
return valide;
}
}
</SCRIPT>

de rien

je te corrige quand même quelques erreurs :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <SCRIPT language="JavaScript"> function verifier() { //document.form1.action = "verif_ajout_patient.php?Login=$Login;"; //pas besoin de ça, tu l'as déjà mis en dur dans la balise form var valide = false; if (document.form1.Nom.value == "" ) { alert("Saisissez le nom"); } else { valide = true; } return valide; // ne pas mettre le return dans le else, tu dois retourner la valeur de "valide" tout le temps } </SCRIPT>
mais pour ton message d'erreur, j'comprends vraiment pas, j'ai re-recopié ton code chez moi et ça marche toujours...

02/11/2006, 21h01
Sam 069

Ok merci.
En effet ca fonctionne correctement sous Mozilla mais pas sous IE.
Surement un problème de securité. Mais en tout cas ce n'est pas un pb de code.

Je te remercie car je dois bien avouer que je galerer un peu.

@+
++