Validation de formulaire fonction

Version imprimable

Bonjour,

J'ai un petit problème avec le JS c'est que je n'en ai jamais fait donc on m'as aidé à faire ce code le problème c'est qu'il ne fonctionne pas quelqu'un aurait une idée?

Voici le bout de 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
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
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
<script language="javascript">
//fonction verification si les champs du premier formulaire sont égale à la deuxième
//si les champs sont diférents, elle fait un message d'alerte et renvoie false donc le formulaire n'est pas envoyé
//si tous les champs testés par les if sont égale elle renvoie true et le formulaire est envoyé
function verif_champs3(){
if(document.getElementById('bq').value == ""){
alert("Vous devez remplir le nom de votre banque !");
return false
}
if(document.getElementById('chq').value == ""){
alert("Vous devez remplir le numéro de votre chèque !");
return false
}
return true;
}
function verif_champs2()
{if(document.getElementById('nom').value != document.getElementById($POST['oldnom']).value){
//on utilise un autre type de boite (confirmation) avec 2 boutons OK Annuler si OK le formulaire part si Annuler il part pas
if(confirm("Vous avez modifié le champ nom. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('prenom').value != document.getElementById($POST['oldprenom']).value){
if(confirm("Vous avez modifié le champ prénom. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('naissance').value != document.getElementById($POST['oldnaissance']).value){
if(confirm("Vous avez modifié le champ date de naiisance. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('lieu').value != document.getElementById($POST['oldlieu']).value){
if(confirm("Vous avez modifié le champ lieu. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('dpt').value != document.getElementById($POST['olddpt']).value){
if(confirm("Vous avez modifié le champ département. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('nationalite').value != document.getElementById($POST['oldnationalite']).value){
if(confirm("Vous avez modifié le champ nationalité. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('adresse').value != document.getElementById($POST['oldadresse']).value){
if(confirm("Vous avez modifié le champ adresse. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('tel').value != document.getElementById($POST['oldtelephone']).value){
if(confirm("Vous avez modifié le champ téléphone. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('telecopie').value != document.getElementById($POST['oldtelecopie']).value){
if(confirm("Vous avez modifié le champ telecopie. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('port').value != document.getElementById($POST['oldportable']).value){
if(confirm("Vous avez modifié le champ portable. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('mail').value != document.getElementById($POST['oldmail']).value){
if(confirm("Vous avez modifié le champ E-mail. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('c1').value != document.getElementById($POST['oldclasse']).value){
if(confirm("Vous avez modifié le champ classe. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('o1').value != document.getElementById($POST['oldoption']).value){
if(confirm("Vous avez modifié le champ option. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('a1').value != document.getElementById($POST['oldannee']).value){
if(confirm("Vous avez modifié le champ année. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('c2').value != document.getElementById($POST['oldclasse2']).value){
if(confirm("Vous avez modifié le champ classe. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('o2').value != document.getElementById($POST['oldoption2']).value){
if(confirm("Vous avez modifié le champ option. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('a2').value != document.getElementById($POST['oldannee2']).value){
if(confirm("Vous avez modifié le champ année. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('c3').value != document.getElementById($POST['oldclasse3']).value){
if(confirm("Vous avez modifié le champ classe. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('o3').value != document.getElementById($POST['oldoption3']).value){
if(confirm("Vous avez modifié le champ option. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('a3').value != document.getElementById($POST['oldannee3']).value){
if(confirm("Vous avez modifié le champ année. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('c4').value != document.getElementById($POST['oldclasse4']).value){
if(confirm("Vous avez modifié le champ classe. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('o4').value != document.getElementById($POST['oldoption4']).value){
if(confirm("Vous avez modifié le champ option. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('a4').value != document.getElementById($POST['oldannee4']).value){
if(confirm("Vous avez modifié le champ année. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('c5').value != document.getElementById($POST['oldclasse5']).value){
if(confirm("Vous avez modifié le champ classe. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('o5').value != document.getElementById($POST['oldoption5']).value){
if(confirm("Vous avez modifié le champ option. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('a5').value != document.getElementById($POST['oldannee5']).value){
if(confirm("Vous avez modifié le champ année. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('c6').value != document.getElementById($POST['oldclasse6']).value){
if(confirm("Vous avez modifié le champ classe. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('o6').value != document.getElementById($POST['oldoption6']).value){
if(confirm("Vous avez modifié le champ option. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('a6').value != document.getElementById($POST['oldannee6']).value){
if(confirm("Vous avez modifié le champ année. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('c7').value != document.getElementById($POST['oldclasse7']).value){
if(confirm("Vous avez modifié le champ classe. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('o7').value != document.getElementById($POST['oldoption7']).value){
if(confirm("Vous avez modifié le champ option. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('a7').value != document.getElementById($POST['oldannee7']).value){
if(confirm("Vous avez modifié le champ année. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('c8').value != document.getElementById($POST['oldclasse8']).value){
if(confirm("Vous avez modifié le champ classe. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('o8').value != document.getElementById($POST['oldoption8']).value){
if(confirm("Vous avez modifié le champ option. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('a8').value != document.getElementById($POST['oldannee8']).value){
if(confirm("Vous avez modifié le champ année. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('d1').value != document.getElementById($POST['olddiplome1']).value){
if(confirm("Vous avez modifié le champ diplome. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('m1').value != document.getElementById($POST['oldmention1']).value){
if(confirm("Vous avez modifié le champ mention. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('a9').value != document.getElementById($POST['oldannee9']).value){
if(confirm("Vous avez modifié le champ année. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('d2').value != document.getElementById($POST['olddiplome2']).value){
if(confirm("Vous avez modifié le champ diplome. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('m2').value != document.getElementById($POST['oldmention2']).value){
if(confirm("Vous avez modifié le champ mention. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
{if(document.getElementById('a10').value != document.getElementById($POST['oldannee10']).value){
if(confirm("Vous avez modifié le champ année. Voulez vous vraiment modifier ?")){
return true;
}else{
return false;
}
}else{
//si pas de difference on envoie
return true;
}
}
</script>

Aidez moi svp

merci d'avance

05/06/2008, 10h15
SpaceFrog

"ne fonctionne pas" c'est vague comme symptôme ...

Il te retourne une erreur ou il ne fais pas ce que tu en attends ...

je pencherais pour la seconde hypothèse, vu qu'un return fais sortir de la fonction
donc dès qu'il rencontre un return true il valide ton formulaire car je pense qu'il s'agit bien d'une focntion de validation de formulaire ???

As tu été voir dans les contributions javascript ???
05/06/2008, 10h24
drogba72

Alors non je n'ai pas été voir les contribution javascript je sais pas du tout ce que c'est!!!
Je suis inculte...

Et oui tu as raison c'est bien la deuxième hypothèse car il ne vérifie pas les champs entre les deux pages hélas car quand je change dans la deuxième page il ne me met pas de message comme je le voudrais.

Donc que me conseil tu pour que ca fonctionne stp
Que dois je faire a propos des return?
05/06/2008, 10h41
tusssss

Faire tous tes tests dans la même fonction et écrire return true à la fin de ta fonction, car comme dis plus haut, dès que l'on rencontre un return la fonction arrête son exécution.

pour les contributions c'est par là ...
http://www.developpez.net/forums/sho...d.php?t=557868

sinon je te conseillerais d'utiliser un flag

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
function verif_champs3(){
var flag=0;
var msg='';
if(document.getElementById('bq').value == ""){flag++; 
  msg+="Vous devez remplir le nom de votre banque !\n";
}
if(document.getElementById('chq').value == ""){flag++;
msg+="Vous devez remplir le numéro de votre chèque !\n";
}
 
.../...
 
if(flag>0){alert(msg);
              return false}
else{return true;}

05/06/2008, 10h51
tusssss

Bon la méthode de Spacefrog fait beaucoup moins bricolage, elle te permet en plus de renvoyer un message pour toutes les erreurs sur le formulaire, alors que ma solution ne renvoyait que la première erreur rencontrée.
05/06/2008, 10h53
Matthieu2000

Citation:

$POST

mélange avec le php!?

Ok est ce que vous pouvez me dire pourquoi ca ca fonctionne nikel

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
 <script language="javascript">
//fonction verification si champs remplis
//si le champ est vide, elle fait un message d'alerte et renvoie false donc le formulaire n'est pas envoyé
//si tous les champs testés par les if ne sont pas vides elle renvoie true et le formulaire est envoyé
function verif_champs(){
if(document.getElementById('fichier').value == ""){
alert("Vous devez remplir le champ photo !");
return false
}
if(document.getElementById('oldnom').value == ""){
alert("Vous devez remplir le champ Nom !");
return false
}
if(document.getElementById('oldprenom').value == ""){
alert("Vous devez remplir le champ Prénom !");
return false
}
if(document.getElementById('oldnaissance').value == ""){
alert("Vous devez remplir le champ Né le !");
return false
}
if(document.getElementById('oldlieu').value == ""){
alert("Vous devez remplir le champ Lieu !");
return false
}
if(document.getElementById('olddpt').value == ""){
alert("Vous devez remplir le champ Département !");
return false
}
if(document.getElementById('oldnationalite').value == ""){
alert("Vous devez remplir le champ Nationalité !");
return false
}
if(document.getElementById('oldadresse').value == ""){
alert("Vous devez remplir le champ Adresse !");
return false
}
if(document.getElementById('oldtelephone').value == ""){
alert("Vous devez remplir le champ Téléphone !");
return false
}
if(document.getElementById('oldportable').value == ""){
alert("Vous devez remplir le champ Portable !");
return false
}
if(document.getElementById('oldmail').value == ""){
alert("Vous devez remplir le champ E-mail !");
return false
}
if(document.getElementById('oldclasse').value == ""){
alert("Il faut au moins une classe dans les études secondaires !");
return false
}
if(document.getElementById('oldoption').value == ""){
alert("Il faut au moins une option dans les études secondaires !");
return false
}
if(document.getElementById('oldannee').value == ""){
alert("Il faut au moins une année dans les études secondaires !");
return false
}
if(document.getElementById('oldclasse5').value == ""){
alert("Il faut au moins une classe dans les études supérieures !");
return false
}
if(document.getElementById('oldoption5').value == ""){
alert("Il faut au moins une option dans les études supérieures !");
return false
}
if(document.getElementById('oldannee5').value == ""){
alert("Il faut au moins une année dans les études secondaires !");
return false
}
if(document.getElementById('olddiplome').value == ""){
alert("Il faut au moins un diplome dans les diplomes obtenus !");
return false
}
if(document.getElementById('oldmention').value == ""){
alert("Il faut au moins une mention dans les diplomes obtenus !");
return false
}
if(document.getElementById('oldannee9').value == ""){
alert("Il faut au moins une année dans les diplomes obtenus !");
return false
}
return true;
}
  </script>

.
Mais pas ca alors que c'est pareil je comprend pas

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
function verif_champs3(){
if(document.getElementById('bq').value == ""){
alert("Vous devez remplir le nom de votre banque !");
return false
}
if(document.getElementById('chq').value == ""){
alert("Vous devez remplir le numéro de votre chèque !");
return false
}
return true;
}

05/06/2008, 10h57
SpaceFrog

tu dois avoir un erreur ailleurs :roll:
05/06/2008, 11h00
tusssss

A priori les 2 fonctionnent, mais on te l'a déjà dit plusieurs fois, si la fonction rencontre un "return" elle arrête son execution immédiatement, ta fonction ne dois pas fonctionner car dans ta balise form si elle est bien réalisée, tu as écrit

Code:

onsubmit="return verif_champs3();return verif_champs2();"

Et donc ta fonction verif champs3 s'execute, renvoie un retour el le onsubmit lit return resultat_retourné_par_verif_champs3().

Et donc s'arrete la sans exécuter les autres fonctions.
05/06/2008, 11h04
SpaceFrog

Code:

onsubmit="return verif_champs2(return verif_champs3());"

en récupérant le return de la première fonction et en testant à la fin de la seconde
05/06/2008, 11h31
drogba72

Ma question va peut etre vous parraitre osez et je le concevrais tout a fait normalement mais je n'apprend le JS que l'année prochaine je n'y est pas encore touché alors voici ma question

Pourriez vous très gentiment me corriger directement en me proposant mon script corrigé svp?

Merci d'avance

Citation:

Envoyé par drogba72

Ma question va peut etre vous parraitre osez et je le concevrais tout a fait normalement mais je n'apprend le JS que l'année prochaine je n'y est pas encore touché alors voici ma question

Pourriez vous très gentiment me corriger directement en me proposant mon script corrigé svp?

Merci d'avance

C'est presque déjà tout fait, un peu de volonté et ca passe, regarde.
Citation:
Envoyé par SpaceFrog
pour les contributions c'est par là ...
http://www.developpez.net/forums/sho...d.php?t=557868

sinon je te conseillerais d'utiliser un flag
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 function verif_champs3(){ var flag=0; var msg=''; if(document.getElementById('bq').value == ""){flag++; msg+="Vous devez remplir le nom de votre banque !\n"; } if(document.getElementById('chq').value == ""){flag++; msg+="Vous devez remplir le numéro de votre chèque !\n"; } .../... if(flag>0){alert(msg); return false} else{return true;}

05/06/2008, 11h39
drogba72

Je sais que c'est bien avancé enfin je m'en doute mais j'ay comprend rien moi au flag ....
j'ai fait des if parce que c'est pareil en php mais le reste je cromprend rien lol
05/06/2008, 11h51
SpaceFrog

ben le flag c'est juste une variable ... c'est tout pareil à du php ...

la variable vaut 0 au départ et chaque fois qu'il y a un truc qui ne colle par tu l'incrémente de 1, donc à la fin de la vérif si le flag est supérieur à 0 c'est qu'un champs n'est pas correct c'est tout ...
05/06/2008, 12h18
drogba72

OK donc en gros faudrait que je fasse ca pour chaque fonction ou un seul pour les deux fonction?