plusieurs Fonctions sur un même onclick

**momosan77** · 15/12/2010, 11h24

Bonjour, voila je suis actuellement en stage à paris dans une entreprise ou j'ai du reprendre le code du site d'un ancien employer...On m'a ainsi de demander de modifier le javascript du format date, ce que j'ai fait mais débutant en javascript et dans le cadre de mes étude en informatique de gestion nous avons fait vue du php, html et Csharp e n'était pas évidant de comprendre le code.

Mais là ou est le vrai problème est quand j'essaie de valider les 3 fonction du formulaire dans le désordre du onclick celui-ci ne retourne pas false et va a la page suivante sans bloquer mon formulaire.
Alors que si je suit le onclick dans l'ordre des fonctions celui-ci retourne false quand c'est nécessaire...

Si vous plait est ce que quelqu’un pourrai m'aider.
Merci, d'avance a tous

Donc voici mon long code...

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
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
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
<secret>
function verification() 
{
if (document.formulaire.name.value=="" || document.formulaire.name.value=="Nom, Prénom" ) {
 
 
alert("Merci de fournir votre nom !");
document.formulaire.name.focus();
return false;
}
 
if (document.formulaire.surname.value=="" || document.formulaire.surname.value=="Nom, Prénom" ) 
{
alert("Merci de fournir votre prenom !");
document.formulaire.surname.focus();
return false;}
 
if (document.formulaire.adresse1.value=="" || document.formulaire.adresse1.value=="Nom, Prénom" ) 
{
alert("Merci de fournir votre adresse !");
document.formulaire.adresse1.focus();
return false;
}
 
if (document.formulaire.codepostal.value=="" || document.formulaire.codepostal.value=="mail")
{
alert("Merci de fournir votre code postal !");
document.formulaire.codepostal.focus();
return false;
}
 
if (document.formulaire.ville.value=="" || document.formulaire.ville.value=="mail") 
{
alert("Merci de fournir votre ville !");
document.formulaire.ville.focus();
return false;
}
 
if (document.formulaire.pays.value=="" || document.formulaire.pays.value=="mail")
{
alert("Merci de fournir votre pays !");
document.formulaire.pays.focus();
return false;
}
 
if (document.formulaire.telephone.value=="" || document.formulaire.telephone.value=="mail") 
{
alert("Merci de fournir votre telephone !");
document.formulaire.telephone.focus();
return false;
}
 
if (document.formulaire.mail.value=="" || document.formulaire.mail.value=="mail") 
{
alert("Merci de fournir votre adresse mail !");
document.formulaire.mail.focus();
return false;
}
}
 
 
// Verifie une Date Depart
function date_d()
{  
	var date_dd = document.formulaire.depart.value;
    var formatd = /^(\d{1,2}\/){2}\d{4}$/;//definit la forme de la date en /
    if(!formatd.test(date_dd))//teste le format de la date
	{
	alert('Date non valable !Veuillez entrer une date de départ valide JJ/MM/AAAA');
	return false;
	}
    else//teste les numerique dans la date
	{
        var date_temp = date_dd.split('/');//mise en place des / dans la date
        date_temp[1] -=1;        // On rectifie le mois !!!
        var ma_date = new Date();
        ma_date.setFullYear(date_temp[2]);
        ma_date.setMonth(date_temp[1]);
        ma_date.setDate(date_temp[0]);
 
    if(ma_date.getFullYear()==date_temp[2] && ma_date.getMonth()==date_temp[1] && ma_date.getDate()==date_temp[0])
		{
        }
        else
		{
        alert('Date non valable !Veuillez Entrer une Date Valide JJ/MM/AAAA');
		return false;
		}
 
				var dy=new Date();//Fonction Date Qui recupere la date complete d'aujourd'hui,ainsi que l'heure,les minutes...
				function dd()//Fonction qui renvoi notre annee civil
				{
				//Defini note annee civil par le getFullYear()
				return dy.getFullYear();
				}
 
				var dyd = ma_date.getFullYear();//Defini une annee utilisateur
				function ddy()//Fonction qui renvoi notre annee utilisateur
				{
				return dyd;
				}
 
				var dmd=new Date();
				function dm()//Fonction qui renvoi notre mois utilisateur
				{
				//Defini notre mois actuelle mais nécessite +1,
				//car les mois de javascript commencent de 0 et finissent à un 1
				//Date Recuperer par le getMonth()
				return dmd.getMonth()+1;
				}
 
				var ddm = ma_date.getMonth()+1;
				function dum()//Fonction qui renvoi notre mois utilisateur
				{
				return ddm;
				}
 
				var dj = new Date();
				function djo()//Fonction qui renvoi notre Jour Actuelle
				{ //Date Recuperer par le getDay()
 
				return dj.getDate();
				}
 
				var ddj = ma_date.getDate(); //defini la date du Jour utilisateur
				function duj()//Fonction qui renvoi notre jour utilisateur
				{
				return ddj;
				}
 
					if(ddy()<dd())//compare les deux année entre elles
					{
					alert("Date non valable ! Veuillez entrer une année valide");
					return false;
					}
					else if(ddy()==dd() && dum()<dm())//compare les deux année entre elles et les mois
					{
					alert("Date non valable ! Veuillez entrer un mois valide");//alert permet d'afficher une fentre pour l'utilisateur
					return false;
					}
					else if(ddy()==dd() && dum()==dm() && duj()<djo())   
					{
					alert("Date non valable ! Veuillez entrer un jour valide");
					return false;
					}
 
					if (document.formulaire.depart.value == document.formulaire.retour.value)//Compare si Date sont identique
					{
					alert ("Les Dates sont les mêmes, veuillez resaisir une date de retour ou d'arriver");
					return false;
					}
	}
 
//Calcul des ecarts de 7 jours
var da = new Date();//Declaration de nos variables
var djj = ma_date.getDate();
var dmo = ma_date.getMonth()+1;
var dmaa = ma_date.getFullYear();
 
function calculj()
{
diff_djj =  (da.getDate() - djj)-1//le - 1 rajout le jour inclus d'aujourd'hui
return diff_djj;
}
 
function calculm()
{
diff_dmo =  (da.getMonth()+1) - dmo;//Calcule le nombre de mois d'ecart entre la date de l'ordinateur et la date utilisateur
return diff_dmo;
}
 
function calcula()
{
diff_dmaa =  (da.getFullYear() - dmaa)*-1;//Calcule le nombre d'annee d'ecart entre la date de l'ordinateur et la date utilisateur
return diff_dmaa;
}
 
 
if(calculj()<=0)
{
pb1 = calculj()*-1;//Ici est definit l'ecart de 7 jours dans un mois
if(pb1<=7 && calculm()==0 && calcula()==0)
{
alert("Délais de Temps trop court. Pour une commande à moins de 7 jours du départ nous vous demandons de nous concter par téléphone. Merci de votre compréhension");
return false;
}
}
 
for(m=0;m<=12;m++)//Permet de cree une boucle des 12 mois de l'annee
{
pb1 = calculj()*-1;
if(pb1<=7 && calculm()<=m)
{
}
}
 
//Gestion des mois de 31 Jours si ecart de 7 jour sur le mois suivant
if(calculj()<32 && calculj()>24 && djj=1 || djj=2 || djj=3 || djj=4 || djj=5 || djj=6)
{
alert("Délais de Temps trop court. Pour une commande à moins de 7 jours du départ nous vous demandons de nous concter par téléphone. Merci de votre compréhension");
return false;
}
 
//Gestion des mois de 30 Jours si ecart de 7 jour sur le mois suivant
if(calculj()<31 && calculj()>23 && djj=1 || djj=2 || djj=3 || djj=4 || djj=5 || djj=6 || djj=7)
{
alert("Délais de Temps trop court. Pour une commande à moins de 7 jours du départ nous vous demandons de nous concter par téléphone. Merci de votre compréhension");
return false;
}
 
//Gestion des mois de 30 Jours si ecart de 7 jour sur le mois suivant
if(calculj()<31 && calculj()>23 && djj=1 || djj=2 || djj=3 || djj=4 || djj=5 || djj=6 || djj=7)
{
alert("Délais de Temps trop court. Pour une commande à moins de 7 jours du départ nous vous demandons de nous concter par téléphone. Merci de votre compréhension");
return false;
}
 
//Gestion de l'année bisextil si ecart de 7 jour sur le mois suivant
if(calculj()<30 && calculj()>22 && djj=1 || djj=2 || djj=3 || djj=4 || djj=5 || djj=6 || djj=7 || djj=8)
{
alert("Délais de Temps trop court. Pour une commande à moins de 7 jours du départ nous vous demandons de nous concter par téléphone. Merci de votre compréhension");
return false;
}
 
//Gestion de fevrier si ecart de 7 jour sur le mois suivant
if(calculj()<29 && calculj()>21 && djj=1 || djj=2 || djj=3 || djj=4 || djj=5 || djj=6 || djj=7 || djj=8 || djj=9) 
{
alert("Délais de Temps trop court. Pour une commande à moins de 7 jours du départ nous vous demandons de nous concter par téléphone. Merci de votre compréhension");
return false;
}
 
//Calcule des 90 jours pour l'annee civil en cours
if(calculm()<0)
{
mois=calculm()*-1;
if(mois==1 && calcula()==0)//Verifie la condition que le nombres de mois soutrait est de 1 et l'anne civil et l'anne actuelle.
{
var ecartz = (calculj()*-1)+30*1;//On ajout 30 jours du mois de la date de depart
if(ecartz>91)
{
alert("Le coupon du Jr Pass n'est valable que 90 jours après sa date d'achat. Veuillez renouveler votre demande ultérieurement.");
return false;
}
}
 
if(mois==2 && calcula()==0)
{
var ecarta = (calculj()*-1)+30*2;
if(ecarta>91)
{
alert("Le coupon du Jr Pass n'est valable que 90 jours après sa date d'achat. Veuillez renouveler votre demande ultérieurement.");
return false;
}
}
 
if(mois==3 && calcula()==0)
{
var ecartb = (calculj()*-1)+30*3;
if(ecartb>91)
{
alert("Le coupon du Jr Pass n'est valable que 90 jours après sa date d'achat. Veuillez renouveler votre demande ultérieurement.");
return false;
}
}
 
if(mois==4 && calcula()==0)
{
var ecartc = (calculj()*-1)+30*4;
if(ecartc>91)
{
alert("Le coupon du Jr Pass n'est valable que 90 jours après sa date d'achat. Veuillez renouveler votre demande ultérieurement.");
return false;
}
}
 
if(mois==5 && calcula()==0)
{
var ecartd = (calculj()*-1)+30*5;
if(ecartd>91)
{
alert("Le coupon du Jr Pass n'est valable que 90 jours après sa date d'achat. Veuillez renouveler votre demande ultérieurement.");
return false;
}
}
 
if(mois==6 && calcula()==0)
{
var ecarte = (calculj()*-1)+30*6;
if(ecarte>91)
{
alert("Le coupon du Jr Pass n'est valable que 90 jours après sa date d'achat. Veuillez renouveler votre demande ultérieurement.");
return false;
}
}
 
if(mois==7 && calcula()==0)
{
var ecartf = (calculj()*-1)+30*7;
if(ecartf>91)
{
alert("Le coupon du Jr Pass n'est valable que 90 jours après sa date d'achat. Veuillez renouveler votre demande ultérieurement.");
return false;
}
}
 
if(mois==8 && calcula()==0)
{
var ecartg = (calculj()*-1)+30*8;
if(ecartg>91)
{
alert("Le coupon du Jr Pass n'est valable que 90 jours après sa date d'achat. Veuillez renouveler votre demande ultérieurement.");
return false;
}
}
 
if(mois==9 && calcula()==0)
{
var ecarth = (calculj()*-1)+30*9;
if(ecarth>91)
{
alert("Le coupon du Jr Pass n'est valable que 90 jours après sa date d'achat. Veuillez renouveler votre demande ultérieurement.");
return false;
}
}
 
if(mois==10 && calcula()==0)
{
var ecarti = (calculj()*-1)+30*10;
if(ecarti>91)
{
alert("Le coupon du Jr Pass n'est valable que 90 jours après sa date d'achat. Veuillez renouveler votre demande ultérieurement.");
return false;
}
}
 
if(mois==11 && calcula()==0)
{
var ecarj = (calculj()*-1)+30*11;
if(ecartj>91)
{
alert("Le coupon du Jr Pass n'est valable que 90 jours après sa date d'achat. Veuillez renouveler votre demande ultérieurement.");
return false;
}
}
}
 
if(calcula()>0)
{
 
var aa = calcula();
if(calculm()==11 && aa==1)
{
var ecartaa = (calculj()*-1)+30*1;
return ecartaa;
if(ecartaa>91)
{
alert("Le coupon du Jr Pass n'est valable que 90 jours après sa date d'achat. Veuillez renouveler votre demande ultérieurement.");
return false;
}
}
 
if(calculm()==10 && aa==1)
{
var ecartbb = (calculj()*-1)+30*2;
return ecartbb;
if(ecartbb>91)
{
alert("Le coupon du Jr Pass n'est valable que 90 jours après sa date d'achat. Veuillez renouveler votre demande ultérieurement.");
return false;
}
 
}
 
if(calculm()==9 && aa==1)
{
var ecartcc = (calculj()*-1)+30*3;
return ecartcc;
if(ecartcc>91)
{
alert("Le coupon du Jr Pass n'est valable que 90 jours après sa date d'achat. Veuillez renouveler votre demande ultérieurement.");
return false;
}
}
}
 
}
 
// Verifie une Date Retour
function date_r()
{  
	var date_rr = document.formulaire.retour.value;
    var formatr = /^(\d{1,2}\/){2}\d{4}$/;//definit la forme de la date en /
    if(!formatr.test(date_rr))//teste le format de la date
	{
	alert('Date non valable !Veuillez entrer une date de retour valide JJ/MM/AAAA');
	return false;
	}
    else//teste les numerique dans la date
	{
        var temps = date_rr.split('/');//mise en place des / dans la date
        temps [1] -=1;        // On rectifie le mois !!!
        var date = new Date();
        date.setFullYear(date_temp[2]);
        datee.setMonth(date_temp[1]);
        date.setDate(date_temp[0]);
 
    if(date.getFullYear()==temps[2] && date.getMonth()==temps[1] && date.getDate()==temps[0])
		{
        }
        else
		{
        alert('Date non valable !Veuillez Entrer une Date Valide JJ/MM/AAAA');
		return false;
		}	
				var dyr=new Date();//Fonction Date Qui recupere la date complete d'aujourd'hui,ainsi que l'heure,les minutes...
				function dr()//Fonction qui renvoi notre annee civil
				{
				//Defini note annee civil par le getFullYear()
				return dyr.getFullYear();
				}
 
				var dyr = date.getFullYear();//Defini une annee utilisateur
				function dry()//Fonction qui renvoi notre annee utilisateur
				{
				return dyr;
				}
 
				var dmr=new Date();
				function rm()//Fonction qui renvoi notre mois utilisateur
				{
				//Defini notre mois actuelle mais nécessite +1,
				//car les mois de javascript commencent de 0 et finissent à un 1
				//Date Recuperer par le getMonth()
				return dmr.getMonth()+1;
				}
 
				var drm = date.getMonth()+1;
				function rum()//Fonction qui renvoi notre mois utilisateur
				{
				return drm;
				}
				alert(rum());
 
				var rj = new Date();
				function rjo()//Fonction qui renvoi notre Jour Actuelle
				{ //Date Recuperer par le getDay()
 
				return rj.getDate();
				}
 
				var drj = date.getDate(); //defini la date du Jour utilisateur
				function ruj()//Fonction qui renvoi notre jour utilisateur
				{
				return drj;
				}
 
					if(dry()<dr())//compare les deux année entre elles
					{
					alert("Date non valable ! Veuillez entrer une année valide");
					return false;
					}
					else if(dry()==dr() && rum()<rm())//compare les deux année entre elles et les mois
					{
					alert("Date non valable ! Veuillez entrer un mois valide");//alert permet d'afficher une fentre pour l'utilisateur
					return false;
					}
					else if(dry()==dr() && rum()==rm() && ruj()<rjo())   
					{
					alert("Date non valable ! Veuillez entrer un jour valide");
					return false;
					}
 
	}	
}
 
//-->
</script>
 
<script language="JavaScript" type="text/JavaScript">
function OuvreLePopUp(url,name,features) 
{
window.open(url,name,features);
}
</script>
 
<center>
<input type="Submit" 
value="Valider" 
onclick="javascript: return verification(),date_d(),date_r()"
class="B"><br></secret><gras></gras>

**Bovino** · 15/12/2010, 12h06

Code :

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

onclick="javascript: return verification(),date_d(),date_r()"

Un peu particulier ce return

Apparemment, ce que tu souhaites serait plutôt :

Code :

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

onclick="return verification() && date_d() && date_r()"

**momosan77** · 15/12/2010, 12h22

Merci pour ta réponse, le problème est si je fais ce return que tu indique, il ne considère que la 1ere fonction qui est vérification...Je ne sais pas pourquoi...

**SpaceFrog** · 15/12/2010, 12h47

parce qu'un return est une sortie de fonction (ou d'evenement) quoi qu'il arrive que le return soit true false ou autre chose

**Watilin** · 15/12/2010, 12h49

Bonjour,

dans le script :

Code JS :

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

1
2
3
4
5
6
fonction verifierTout() {
    var ok1 = verification();
    var ok2 = date_d();
    var ok3 = date_r();
    return ok1 && ok2 && ok3;
}

Et dans le HTML :

Code HTML :

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

onclick="return verifierTout()"

Mais à mes yeux, ce n’est pas vraiment là qu’est le problème. Si l’utilisateur a mal rempli plusieurs champs, il va avoir plusieurs alert() successifs, ce qui n’est pas très agréable. Il vaudrait mieux insérer des messages d’avertissement dans le DOM…

**momosan77** · 15/12/2010, 13h21

Merci pour toutes ces aides

Le probleme là c'est qu'il return true même si les 3 fonction sont false...
Je comprend pas car j'ai mis function et tout...

**SpaceFrog** · 15/12/2010, 13h24

Code :

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

onclick="return ( verification() && date_d() && date_r())"

ne peut retourner que false si elle sont toutes false ...

et retournera false si la première est falses sans même interpréter les suivantes ...

**momosan77** · 15/12/2010, 13h32

J'ai essayé mais non, il considérée toujours que la fonction vérification...

**Bovino** · 15/12/2010, 13h34

Envoyé par momosan77

Merci pour ta réponse, le problème est si je fais ce return que tu indique, il ne considère que la 1ere fonction qui est vérification...Je ne sais pas pourquoi...

Moi non plus je ne sais pas pourquoi

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function test1(){
    return true;
}
function test2(){
    return true;
}
function test3(){
    return false;
}
function test(){
    return test1() && test2() && test3();
}
alert(test())

affiche bien false !

**SpaceFrog** · 15/12/2010, 13h34

que te retourne

Code :

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

onclick="alert( verification())

**momosan77** · 15/12/2010, 13h46

Merci encore pour tout ^^
Alors cela affiche false et valide le formulaire...

**momosan77** · 15/12/2010, 13h59

La fonction veriftout marche désoler j'avais fait une petite erreur...
Mais mon problème reste le même si je valide les date et pale nomun message s'affichara mais ne bloquera pas le formulaire...

**SpaceFrog** · 15/12/2010, 14h07

c'est dans le onsubmit du form qu'il faut mettre le return false ..

**momosan77** · 15/12/2010, 14h40

J'ai ajouter un onsubmit car je n'en avais pas.
Je l'ai placer avant le onclick mais pareille...

**SpaceFrog** · 15/12/2010, 14h42

onsubmit de la baliseform....

**momosan77** · 15/12/2010, 14h47

Okok desoler je reprend le code d'une personne et elle a pas mis de onsubmit dans son form><

**momosan77** · 15/12/2010, 14h57

Merci ça marche mais après je ne peux plus valider quand les champs sont remplis><

**SpaceFrog** · 15/12/2010, 15h24

le return dans la balise form doit être issu du resultat de tes fonctions

Code :

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

onsubmit="return valid1() && valid2() && valid3()"

chacune des fonctions retournant true ou flase ...

**momosan77** · 15/12/2010, 15h40

Merci Beaucoup Enfin sa marche

J'ai just fait une petite modification a ton code donc je donne ma solution

Code :

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

onsubmit="return date_d() && date_r && verification();"

Je fais cela car sinon si le formulaire nom etc étaient remplit, il valider sans les date.
Sinon j'ai deux dernier problème, je suis désoler ^^;
La fonction sur le voyage du retour qui interdit des date inférieur a aujourd'hui ne marche pas.
Et la gestion de 90 jours sur l'année suivante telle que 2011 n'est pas prise en compte. Merci Pour toute vos Aides!!!!!!

**SpaceFrog** · 15/12/2010, 16h04

Code :

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

onsubmit="verification() && date_d() && date_r; return false"

m'étonnerait fort que ça marche ...

plusieurs Fonctions sur un même onclick

JavaScript

Discussions similaires

Partager

Partager