Formulaire qui ne s'envoie pas

**spawns** · 23/12/2008, 22h33

Slt à tous,
je vient demander votre aide car j'ai un blem etrange avec un formulaire.

c'est un formulaire HTML avec des verifications de champs en javascript de plus j'ai une fonction sur une case a cocher qui fait apparaitre ou disparaitre un div contenant dans champs.

lorsque la case et cocher le formulaire et envoyer mais lorsqu'elle est decoché il ne se passe rien.

Je vous met un bout de code sa sera plus clair.

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
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
 
<script type="text/javascript">
 
function envoyer(formulaire){
		if (formulaire.usermail.value=="")
                {
                alert("Veuillez indiquer un e-mail.");
                document.formulaire.usermail .focus();
                return false;
                }
		if(formulaire.usermail.value.search(/ /) != '-1')
				{
				alert('Une adresse e-mail ne peut contenir un espace !');
				return(false);
				}
  // Pour finir, nous vérifions le format. 
  // Pour cela, nous fractionnons l'adresse en deux.
  // (avant et après le caractère"@"
				t = formulaire.usermail.value.split(/@/);
  // Avec un seul caractère "@" il ne peut y avoir que deux parties.
		if((t.length != 2) || t[0] == '' || t[1] == '')
				{
				alert('Une adresse e-mail doit avoir le format "Utilisateur@Domain",\n'
				+'par ex. : "bob.dupont@fai.fr"');
				return(false);
				}		
//-------------------------------------				
		if (formulaire.userlogin.value=="")
                {
                alert("Veuillez indiquer un login.");
                document.formulaire.userlogin.focus();
                return false;
                }
//------------------------------------------
//etc.....				
		if (formulaire.uservillel.value=="")
                {
                alert("Veuillez indiquer une ville de livraison.");
                document.formulaire.uservillel.focus();
                return false;
                }
                return false;
                }	
//-----------------------------------------				
				formulaire.submit();
				}
 
function livrais()
{
  var etat = document.getElementById("adlivrai").checked;
  var divprevisualisation = document.getElementById("livrais");
 
  if (etat)
    divprevisualisation.style.display = "none";
  else
     divprevisualisation.style.display = "block";
}
 
</script>
<div><h5>Saisissez vos Coordonnées</h5>
 <form  class="centrage" name="formulaire" id="formulaire" enctype="multipart/form-data" method="post" action="?rub=inscripenv" >
 <table>
	<tr>
		<td class="droite" width="30%" >E-mail<sup>*</sup></td>
		<td class="gauche" width="70%"><input  type="text" name="usermail" size="25" maxlength="15" value="" id="usermail" /></td>
	</tr>
	<tr>
		<td class="droite">Login<sup>*</sup></td>
		<td class="gauche"><input  type="text" name="userlogin" size="25" maxlength="15" value="" id="userlogin" /></td>
	</tr>
	<tr>
		<td class="droite">Mot de passe<sup>*</sup></td>
		<td class="gauche"><input  type="password" name="userpass" size="25" maxlength="15" value="" id="userpass"></td>
	</tr>
	<tr>
		<td class="droite">Mot de passe Ã* nouveau<sup>*</sup></td>
		<td class="gauche"><input type="password" name="userpassverif" size="25" maxlength="15" value="" id="userpassverif"></td>
	</tr>
    <tr>
		<td class="droite">Genre</td>
		<td class="gauche">
		M.<input type="radio" name="usergenre" value="M" Checked>
		Mme<input type="radio" name="usergenre" value="Mme" >
		Melle<input type="radio" name="usergenre" value="Melle" ></td>
		</tr>
etc.....
	<tr>
		<td class="droite">Code d'accÃ©s</td>
		<td class="gauche"><input  type="text" name="codeacc" size="20" maxlength="20" value="" id="codeacc">(En cas de livraison par transporteur)</td>
	</tr>
	<tr>
		<td colspan="2" class="centrage"><br><br>
		<input type="checkbox" name="adlivrai" checked onclick="livrais();"  id="adlivrai">
		<b>Adresse de livraison identique</b>
		</td>
	</tr>
	<tr>
    	<td></td>
		<td></td>
	</tr>
</table><br />
<div id="livrais" >
<table>
	<tr>
		<td class="droite">Adresse<sup>*</sup></td>
		<td class="gauche"><input  type="text" name="useradressel" size="35" maxlength="35" value="" id="useradressel"></td>
	</tr>
 	<tr>
		<td class="droite">Code postal<sup>*</sup></td>
		<td class="gauche"><input  type="text" name="usercpl" size="25" maxlength="5" value="" id="usercpl"></td>
	</tr>
	<tr>
		<td class="droite">Ville<sup>*</sup></td>
		<td class="gauche"><input  type="text" name="uservillel" size="25" maxlength="35" value="" id="uservillel"></td>
	</tr>
	<tr>
		<td class="droite">Commentaire</td>
		<td class="gauche"><input  type="text" name="usercommentairel" size="40" maxlength="32" value="" id="usercommentairel"></td>
	</tr>	
	<tr>
</table></div><br />	
 
<table>
		<td colspan="2" class="centrage">
<input type="reset" name="Annuler" value="Annuler">&nbsp;&nbsp;&nbsp;&nbsp; 		
<input type="button" value="Valider" onclick="envoyer(this.form);" />
		<br /><br /><br /><br />
		* Les champs marquÃ©s d'une Ã©toile sont obligatoires. Merci de bien vouloir les renseigner. 
		<br /><br />
		ConformÃ©ment Ã* la loi franÃ§aise Informatique et libertÃ©s nÂ°78-17 du 6 janvier 1978, vous disposez d'un droit d'accÃ¨s et de rectification aux donnÃ©es vous concernant. Vous pouvez exercer ce droit en nous envoyant un courrier Ã* l'adresse suivante : 
		</td>
	</tr>	
</table>
 </form></div></div>
</span></div>

**le_chomeur** · 24/12/2008, 09h10

c'est normal

tu as des champs qui doivent être remplit , lorsque ta div est masqué je présume que ces champs ne sont pas remplis , il te faut donc faire une vérification a afficher pour l'utilisateur ou conditionner la vérification de ton formulaire en fonction de ta checkbox coché ou non.

**spawns** · 24/12/2008, 09h15

je sais, mais c'est deja fait, la tu le vois pas car j'ai pas mis
l'integralité du code

le voici :

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
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
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
<?php
?>
<script type="text/javascript">
//<![CDATA[
function envoyer(formulaire){
		if (formulaire.usermail.value=="")
                {
                alert("Veuillez indiquer un e-mail.");
                document.formulaire.usermail .focus();
                return false;
                }
		if(formulaire.usermail.value.search(/ /) != '-1')
				{
				alert('Une adresse e-mail ne peut contenir un espace !');
				return(false);
				}
  // Pour finir, nous vérifions le format. 
  // Pour cela, nous fractionnons l'adresse en deux.
  // (avant et après le caractère"@"
				t = formulaire.usermail.value.split(/@/);
  // Avec un seul caractère "@" il ne peut y avoir que deux parties.
		if((t.length != 2) || t[0] == '' || t[1] == '')
				{
				alert('Une adresse e-mail doit avoir le format "Utilisateur@Domain",\n'
				+'par ex. : "bob.dupont@fai.fr"');
				return(false);
				}		
//-------------------------------------				
		if (formulaire.userlogin.value=="")
                {
                alert("Veuillez indiquer un login.");
                document.formulaire.userlogin.focus();
                return false;
                }
//-------------------------------------				
		if (formulaire.userpass.value=="")
                {
                alert("Veuillez indiquer un mot de passe.");
                document.formulaire.userpass.focus();
                return false;
                }
 
		if (formulaire.userpassverif.value=="")
                {
                alert("Veuillez re-saisir votre mot de passe.");
                document.formulaire.userpassverif.focus();
                return false;
                }
		if (formulaire.userpass.value!=formulaire.userpassverif.value)
                {
                alert("Vos mots de passe ne sont pas identiques.");
                document.formulaire.pass.focus();
                return false;
                }				
//-------------------------------------
		if (formulaire.usernom.value=="")
                {
                alert("Veuillez indiquer un nom.");
                document.formulaire.usernom.focus();
                return false;
                }
//-------------------------------------
		if (formulaire.userprenom.value=="")
                {
                alert("Veuillez indiquer un prénom.");
                document.formulaire.userprenom.focus();
                return false;
                }	
//-------------------------------------				
		if (formulaire.useradresse.value=="")
                {
                alert("Veuillez indiquer une adresse.");
                document.formulaire.useradresse.focus();
                return false;
                }	
//-------------------------------------				
		if (formulaire.usercp.value=="")
                {
                alert("Veuillez indiquer un code postal.");
                document.formulaire.usercp.focus();
                return false;
                }
				var s;
				for(var i = 0; i < formulaire.usercp.value.length; i++)
				{
    // le caractuel est stocké dans s.
				s = formulaire.usercp.value.charAt(i);
    // Caractères valides : espace, parenthèses, "/", "-" et "+".
				if( !((s >= 0) && (s <= 9)))
				{
				alert('Le code postal ne peut comporter que des chiffres.');
				return(false);
				}
				}
//-------------------------------------				
		if (formulaire.userville.value=="")
                {
                alert("Veuillez indiquer une ville.");
                document.formulaire.userville .focus();
                return false;
                }
//-------------------------------------
		if (formulaire.usertphfixe.value=="")
                {
                alert("Veuillez indiquer un N° de téléphone fixe.");
                document.formulaire.usertphfixe.focus();
                return false;
                }
				var u;
				for(var i = 0; i < formulaire.usertphfixe.value.length; i++)
				{
    // le caractuel est stocké dans s.
				u = formulaire.usertphfixe.value.charAt(i);
    // Caractères valides : espace, parenthèses, "/", "-" et "+".
				if( !((u >= 0) && (u <= 9)))
				{
				alert('Le numero de telephone ne peut comporter que des chiffres.');
				return(false);
				}
				}	
//-------------------------------------			
		if (formulaire.adlivrai.checked==false)
                {
				//-------------------------------------				
		if (formulaire.useradressel.value=="")
                {
                alert("Veuillez indiquer une adresse de livraison.");
                document.formulaire.useradressel.focus();
                return false;
                }
//-------------------------------------				
		if (formulaire.usercpl.value=="")
                {
                alert("Veuillez indiquer un code postal de livraison.");
                document.formulaire.usercpl.focus();
                return false;
                }
				var w;
				for(var i = 0; i < formulaire.usercpl.value.length; i++)
				{
    // le caractuel est stocké dans s.
				w = formulaire.usercpl.value.charAt(i);
    // Caractères valides : espace, parenthèses, "/", "-" et "+".
				if( !((w >= 0) && (s <= 9)))
				{
				alert('Le code postal ne peut comporter que des chiffres.');
				return(false);
				}
				}
//-------------------------------------				
		if (formulaire.uservillel.value=="")
                {
                alert("Veuillez indiquer une ville de livraison.");
                document.formulaire.uservillel.focus();
                return false;
                }
                return false;
                }	
//-----------------------------------		
				formulaire.submit();
				}
function livrais()
{
  var etat = document.getElementById("adlivrai").checked;
  var divprevisualisation = document.getElementById("livrais");
 
  if (etat)
    divprevisualisation.style.display = "none";
  else
     divprevisualisation.style.display = "block";
}
//]]>		
</script>
<div><h5>Saisissez vos Coordonnées</h5></div>
 <form  class="centrage" id="formulaire" enctype="multipart/form-data" method="post" action="?rub=inscripenv" >
 <table>
	<tr>
		<td class="droite" >E-mail<sup>*</sup></td>
		<td class="gauche"><input  type="text" size="25" maxlength="15" value="" id="usermail" /></td>
	</tr>
	<tr>
		<td class="droite">Login<sup>*</sup></td>
		<td class="gauche"><input  type="text" size="25" maxlength="15" value="" id="userlogin" /></td>
	</tr>
	<tr>
		<td class="droite">Mot de passe<sup>*</sup></td>
		<td class="gauche"><input  type="password" size="25" maxlength="15" value="" id="userpass" /></td>
	</tr>
	<tr>
		<td class="droite">Mot de passe à nouveau<sup>*</sup></td>
		<td class="gauche"><input type="password" size="25" maxlength="15" value="" id="userpassverif" /></td>
	</tr>
    <tr>
		<td class="droite">Genre</td>
		<td class="gauche">
		M.<input type="radio" name="usergenre" value="M" checked="checked" />
		Mme<input type="radio" name="usergenre" value="Mme" />
		Melle<input type="radio" name="usergenre" value="Melle" /></td>
		</tr>
	<tr>
		<td class="droite">Nom<sup>*</sup></td>
		<td class="gauche"><input  type="text" size="25" maxlength="35" value="" id="usernom" /></td>
	</tr>
    <tr>
		<td class="droite">Pr&eacute;nom<sup>*</sup></td>
		<td class="gauche"><input  type="text" size="25" maxlength="35" value="" id="userprenom" /></td>
	</tr>
	<tr>
		<td class="droite">Société</td>
		<td class="gauche"><input  type="text" size="25" maxlength="35" value="" id="usersociete" /></td>
	</tr>
	<tr>
		<td class="droite">Adresse<sup>*</sup></td>
		<td class="gauche"><input  type="text" size="35" maxlength="35" value="" id="useradresse" /></td>
	</tr>
	<tr>
		<td class="droite">Code postal<sup>*</sup></td>
		<td class="gauche"><input  type="text" size="25" maxlength="5" value="" id="usercp" /></td>
	</tr>
	<tr>
		<td class="droite">Ville<sup>*</sup></td>
		<td class="gauche"><input  type="text" size="25" maxlength="35" value="" id="userville" /></td>
	</tr>
	<tr>
		<td class="droite">Commentaire</td>
		<td class="gauche"><input  type="text" size="40" maxlength="32" value="" id="usercommentaire" /></td>
	</tr>
	<tr>
		<td class="droite">Téléphone<sup>*</sup></td>
		<td class="gauche"><input  type="text" size="20" maxlength="20" value="" id="usertphfixe" />(N° sans espace ni ponctuation)</td>
	</tr>
	<tr>
		<td class="droite">Téléphone portable</td>
		<td class="gauche"><input  type="text" size="20" maxlength="20" value="" id="usertphport" />(N° sans espace ni ponctuation)</td>
	</tr>
	<tr>
		<td class="droite">Code d'accés</td>
		<td class="gauche"><input  type="text" size="20" maxlength="20" value="" id="codeacc" />(En cas de livraison par transporteur)</td>
	</tr>
	<tr>
		<td colspan="2" class="centrage"><br /><br />
		<input type="checkbox" name="adlivrai" checked="checked" onclick="livrais();"  id="adlivrai" />
		<b>Adresse de livraison identique</b>
		</td>
	</tr>
	<tr>
    	<td></td>
		<td></td>
	</tr>
</table>
<div id="livrais" >
<table>
	<tr>
		<td class="droite">Adresse<sup>*</sup></td>
		<td class="gauche"><input  type="text" size="35" maxlength="35" value="" id="useradressel" /></td>
	</tr>
 	<tr>
		<td class="droite">Code postal<sup>*</sup></td>
		<td class="gauche"><input  type="text" size="25" maxlength="5" value="" id="usercpl" /></td>
	</tr>
	<tr>
		<td class="droite">Ville<sup>*</sup></td>
		<td class="gauche"><input  type="text" size="25" maxlength="35" value="" id="uservillel" /></td>
	</tr>
	<tr>
		<td class="droite">Commentaire</td>
		<td class="gauche"><input  type="text" size="40" maxlength="32" value="" id="usercommentairel" /></td>
	</tr>	
</table>
</div>	
<table>
<tr>
		<td colspan="2" class="centrage">
<input type="reset" name="Annuler" value="Annuler" />&nbsp;&nbsp;&nbsp;&nbsp; 		
<input type="button" value="Valider" onclick="envoyer(this.form);" />
		<br /><br /><br /><br />
		* Les champs marqués d'une étoile sont obligatoires. Merci de bien vouloir les renseigner. 
		<br /><br />
		Conformément à la loi française Informatique et libertés n°78-17 du 6 janvier 1978, vous disposez d'un droit d'accès et de rectification aux données vous concernant. Vous pouvez exercer ce droit en nous envoyant un courrier à l'adresse suivante : 
		</td>
	</tr>	
</table>
 </form>

**javatwister** · 24/12/2008, 09h15

étrangement, il me semble que tu ne soumets le formulaire que par un bouton situé dans la zone invisible...; donc, si la zone n'est pas visible, pas de soumission;

non?

**spawns** · 24/12/2008, 09h16

non
le bouton est bien en zone visible, puisque je le voit

**le_chomeur** · 24/12/2008, 09h16

Envoyé par spawns

je sais, mais c'est deja fait, la tu le vois pas car j'ai pas mis
l'integralité du code

ou l'art de me faire réfléchir pour rien ............

de plus qqs erreur dans le code :

document.formulaire.usermail .focus(); <= un espace entre le point et usermail

remplace ça :

Code :

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

<input type="button" value="Valider" onclick="envoyer(this.form);" />

par un bouton submit et affecte ta vérification sur le onsubmit de ton formulaire

**spawns** · 24/12/2008, 09h18

Désolé,
avoue que c'est bizarre que lorsque le div est visible rien ne s'envoie....

**le_chomeur** · 24/12/2008, 09h21

ça marche chez moi ... mais des erreurs javascript apparaissent

**spawns** · 24/12/2008, 09h23

Envoyé par le_chomeur

ou l'art de me faire réfléchir pour rien ............

remplace ça :

Code :

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

<input type="button" value="Valider" onclick="envoyer(this.form);" />

par un bouton submit et affecte ta vérification sur le onsubmit de ton formulaire

C'est a dire ???

**le_chomeur** · 24/12/2008, 09h29

Code :

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

<form  class="centrage" id="formulaire" enctype="multipart/form-data" method="post" action="?rub=inscripenv" onsubmit="verification(this)">

verification contient tes méthodes de vérification

première chose , ensuite , truc bête et méchant, mais test ligne par ligne ( en les commentant et testant chaque cas jusqu'à trouver l'erreur ) et oui c'est comme ça qu'on procède nous aussi

**spawns** · 24/12/2008, 09h39

j'ai rajouter le

Code :

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

onsubmit="envoyer(this)"

Mais cela ne change rien

Pour tester ligne par ligne je ne sais pas trop comment m'y prendre.

**le_chomeur** · 24/12/2008, 09h41

mais test ligne par ligne ( en les commentant et testant chaque cas jusqu'à trouver l'erreur )

**javatwister** · 24/12/2008, 10h08

return...

**spawns** · 24/12/2008, 10h17

je pense que le souci viens de cette partie de code
lors de la verife.

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
		if (formulaire.adlivrai.checked==false)
                {
				//-------------------------------------				
		if (formulaire.useradressel.value=="")
                {
                alert("Veuillez indiquer une adresse de livraison.");
                document.formulaire.useradressel.focus();
                return false;
                }
//-------------------------------------				
		if (formulaire.usercpl.value=="")
                {
                alert("Veuillez indiquer un code postal de livraison.");
                document.formulaire.usercpl.focus();
                return false;
                }
				var w;
				for(var i = 0; i < formulaire.usercpl.value.length; i++)
				{
    // le caractuel est stocké dans s.
				w = formulaire.usercpl.value.charAt(i);
    // Caractères valides : espace, parenthèses, "/", "-" et "+".
				if( !((w >= 0) && (s <= 9)))
				{
				alert('Le code postal ne peut comporter que des chiffres.');
				return(false);
				}
				}
//-------------------------------------				
		if (formulaire.uservillel.value=="")
                {
                alert("Veuillez indiquer une ville de livraison.");
                document.formulaire.uservillel.focus();
                return false;
                }
                return false;
                }

lorsque je devalide cette partie

Code :

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

if (formulaire.adlivrai.checked==false)...

cela fonctionne.

Mais il me faut justement cette partie pour verifier les champs en fonction de la case cocher/decocher.

Formulaire qui ne s'envoie pas

JavaScript

Discussions similaires

Partager

Partager