Vérifier champ formulaire sans bouton

Version imprimable

Voir 40 message(s) de cette discussion en une page

24/07/2007, 14h27
buzzkaido

pfff.... j'essaie de t'aider en te montrant là où tu te trompes... pfff.... si tu veux pas faire d'efforts, tant pis !

Allez, sans rancune.

Citation:

Pour exprimer ces données on utilise quoi ? Ah oui pardon des langages de programmation...

Ben, je suis peut-etre pas très malin, mais moi j'aurais dit "des types de données" : int, string, char...

Et si tu les mélanges, ben... tu obtiens un mélange ! Des fois ça marche, mais en general non.
24/07/2007, 14h30
Jiraiya42

Citation:

Envoyé par buzzkaido

pfff.... j'essaie de t'aider en te montrant là où tu te trompes... pfff.... si tu veux pas faire d'efforts, tant pis !

Allez, sans rancune.

Ben, je suis peut-etre pas très malin, mais moi j'aurais dit "des types de données" : int, string, char...

Et si tu les mélanges, ben... tu obtiens un mélange ! Des fois ça marche, mais en general non.

Nan j'apprécie le fond mais beaucoup moins la forme. Je respecte tes compétences mais respecte le fait que je sois débutant en js et que je puisse commettre des erreurs. Juste ça.

C'est pour ça que quand je corrige ton code et que tu repostes les memes erreurs 3 fois de suite, j'ai la vague impression que tu te fout moi...

Surtout quand j'essai de t'expliquer pourquoi tu te trompes, afin d'eviter que tu ne recommence ton erreur.

Encore un essai (ce code utilises des ID du debut à la fin) :

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
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
function VerifDate(champ) 
 {
  alert ("Tout début");  
  //On suppose que la date entrée a été validée auparavant  
  //au format yyyy/mm/dd  
  var day = document.getElementById(champ).value.substring(8,10); 
  var month = document.getElementById(champ).value.substring(5,7); 
  var year = document.getElementById(champ).value.substring(0,4); 
  if ( (parseInt(day) > 0)  && (parseInt(day) < 32)  && (parseInt(month) > 0)  && (parseInt(month) < 13)  && (parseInt(year) > 1990)  && (parseInt(year) < 2025) )  
   {  
    // La date est valide  
	var dateEntree = new Date(); 
	dateEntree.setDate(day); 
	dateEntree.setMonth(month); 
	dateEntree.setFullYear(year); 
	var aujourdhui = new Date();   
	var intervalleDeTemps = dateEntree.getTime() - aujourdhui.getTime();
	alert ("Début");   
	if ((intervalleDeTemps/(1000*60*60)) >= 8760)  
	 {  
	  // Liste déroulante chargée avec 1 à 90
	  document.getElementById("liste").options[document.getElementById("liste").length] = new Option('1','cmd');  
	  document.getElementById("liste").options[document.getElementById("liste").length] = new Option('10','cmd'); 
	  document.getElementById("liste").options[document.getElementById("liste").length] = new Option('90','cmd');
	  alert ("1 à 90 jours");  
	 }  
	else  
     {  
	  document.getElementById("liste").options[document.getElementById("liste").length] = new Option('90','cmd'); 
	  alert ("90 jours");
	 }  
   }  
  else 
   {  
    // Date non valide  
	// Desactivation de la liste deroulante
	alert ("Non valide");  
   }
   alert ("Fin"); 
  }
</SCRIPT>
</head>
<body>
<form method="post">
<input type="text" id="date" value="2001/01/01" onClick="VerifDate('date')" />
<br />
<select id="liste"> 
</select>
</form>
</body>
</html>

Le meme, avec des objets du debut à la fin :

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
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
function VerifDate(champ) 
 {
  alert ("Tout début");  
  //On suppose que la date entrée a été validée auparavant  
  //au format yyyy/mm/dd  
  var day = champ.value.substring(8,10); 
  var month = champ.value.substring(5,7); 
  var year = champ.value.substring(0,4); 
  if ( (parseInt(day) > 0)  && (parseInt(day) < 32)  && (parseInt(month) > 0)  && (parseInt(month) < 13)  && (parseInt(year) > 1990)  && (parseInt(year) < 2025) )  
   {  
    // La date est valide  
	var dateEntree = new Date(); 
	dateEntree.setDate(day); 
	dateEntree.setMonth(month); 
	dateEntree.setFullYear(year); 
	var aujourdhui = new Date();   
	var intervalleDeTemps = dateEntree.getTime() - aujourdhui.getTime();
	alert ("Début");   
	if ((intervalleDeTemps/(1000*60*60)) >= 8760)  
	 {  
	  // Liste déroulante chargée avec 1 à 90
	  document.getElementById("liste").options[document.getElementById("liste").length] = new Option('1','cmd');  
	  document.getElementById("liste").options[document.getElementById("liste").length] = new Option('10','cmd'); 
	  document.getElementById("liste").options[document.getElementById("liste").length] = new Option('90','cmd');
	  alert ("1 à 90 jours");  
	 }  
	else  
     {  
	  document.getElementById("liste").options[document.getElementById("liste").length] = new Option('90','cmd'); 
	  alert ("90 jours");
	 }  
   }  
  else 
   {  
    // Date non valide  
	// Desactivation de la liste deroulante
	alert ("Non valide");  
   }
   alert ("Fin"); 
  }
</SCRIPT>
</head>
<body>
<form method="post">
<input type="text" value="2001/01/01" onClick="VerifDate(this)" />
<br />
<select id="liste"> 
</select>
</form>
</body>
</html>

Tu saisis la difference ? Tout le code que tu as posté melangait les deux.

Citation:

Envoyé par buzzkaido

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
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
function VerifDate(champ) 
 {
  alert ("Tout début");  
  //On suppose que la date entrée a été validée auparavant  
  //au format yyyy/mm/dd  
  var day = document.getElementById(champ).value.substring(8,10); 
  var month = document.getElementById(champ).value.substring(5,7); 
  var year = document.getElementById(champ).value.substring(0,4); 
  if ( (parseInt(day) > 0)  && (parseInt(day) < 32)  && (parseInt(month) > 0)  && (parseInt(month) < 13)  && (parseInt(year) > 1990)  && (parseInt(year) < 2025) )  
   {  
    // La date est valide  
	var dateEntree = new Date(); 
	dateEntree.setDate(day); 
	dateEntree.setMonth(month); 
	dateEntree.setFullYear(year); 
	var aujourdhui = new Date();   
	var intervalleDeTemps = dateEntree.getTime() - aujourdhui.getTime();
	alert ("Début");   
	if ((intervalleDeTemps/(1000*60*60)) >= 8760)  
	 {  
	  // Liste déroulante chargée avec 1 à 90
	  document.getElementById("liste").options[document.getElementById("liste").length] = new Option('1','cmd');  
	  document.getElementById("liste").options[document.getElementById("liste").length] = new Option('10','cmd'); 
	  document.getElementById("liste").options[document.getElementById("liste").length] = new Option('90','cmd');
	  alert ("1 à 90 jours");  
	 }  
	else  
     {  
	  document.getElementById("liste").options[document.getElementById("liste").length] = new Option('90','cmd'); 
	  alert ("90 jours");
	 }  
   }  
  else 
   {  
    // Date non valide  
	// Desactivation de la liste deroulante
	alert ("Non valide");  
   }
   alert ("Fin"); 
  }
</SCRIPT>
</head>
<body>
<form method="post">
<input type="text" id="date" value="2001/01/01" onClick="VerifDate('date')" />
<br />
<select id="liste"> 
</select>
</form>
</body>
</html>

Sérieusement non je me fout pas de toi. Ca m'a gavé certes, mais je vois pas pourquoi je saboterai ton travail et le mien par la meme occassion.

Le javascript j'ai du mal et le type des données à récupérer je vois bien que je commets des erreurs, je fais de mon mieux

Citation:

Envoyé par buzzkaido

Le meme, avec des objets du debut à la fin :

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
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
function VerifDate(champ) 
 {
  alert ("Tout début");  
  //On suppose que la date entrée a été validée auparavant  
  //au format yyyy/mm/dd  
  var day = champ.value.substring(8,10); 
  var month = champ.value.substring(5,7); 
  var year = champ.value.substring(0,4); 
  if ( (parseInt(day) > 0)  && (parseInt(day) < 32)  && (parseInt(month) > 0)  && (parseInt(month) < 13)  && (parseInt(year) > 1990)  && (parseInt(year) < 2025) )  
   {  
    // La date est valide  
	var dateEntree = new Date(); 
	dateEntree.setDate(day); 
	dateEntree.setMonth(month); 
	dateEntree.setFullYear(year); 
	var aujourdhui = new Date();   
	var intervalleDeTemps = dateEntree.getTime() - aujourdhui.getTime();
	alert ("Début");   
	if ((intervalleDeTemps/(1000*60*60)) >= 8760)  
	 {  
	  // Liste déroulante chargée avec 1 à 90
	  document.getElementById("liste").options[document.getElementById("liste").length] = new Option('1','cmd');  
	  document.getElementById("liste").options[document.getElementById("liste").length] = new Option('10','cmd'); 
	  document.getElementById("liste").options[document.getElementById("liste").length] = new Option('90','cmd');
	  alert ("1 à 90 jours");  
	 }  
	else  
     {  
	  document.getElementById("liste").options[document.getElementById("liste").length] = new Option('90','cmd'); 
	  alert ("90 jours");
	 }  
   }  
  else 
   {  
    // Date non valide  
	// Desactivation de la liste deroulante
	alert ("Non valide");  
   }
   alert ("Fin"); 
  }
</SCRIPT>
</head>
<body>
<form method="post">
<input type="text" value="2001/01/01" onClick="VerifDate(this)" />
<br />
<select id="liste"> 
</select>
</form>
</body>
</html>

Tu saisis la difference ? Tout le code que tu as posté melangait les deux.

Ouai maintenant je crois que j'ai compris :D lol par contre en mettant une date de 2001 je me retrouve dans 90 jours alors qu'il devrait etre dans l'autre donc ya un petit soucis je vais regarder de plus près

24/07/2007, 14h38
buzzkaido

Voir ici :

http://www.developpez.net/forums/sho...8&postcount=43

et ici :

http://www.developpez.net/forums/sho...8&postcount=44

L'un utilises des ID, l'autres des objets...

Tu lis vraiment mes reponses ? paske c'est peut-etre la 10eme fois que j'ecris ça depuis ce matin
24/07/2007, 14h42
buzzkaido

Code:

((intervalleDeTemps/(1000*60*60)) >= 8760)

intervalleDeTemps est exprimé en millisecondes.

Donc (intervalleDeTemps/(1000*60*60) est exprimé en heures

90 jours = 90 * 24 = 2160 heures

D'où l'erreur
24/07/2007, 14h52
Jiraiya42

Citation:

Envoyé par buzzkaido

Code:

((intervalleDeTemps/(1000*60*60)) >= 8760)

intervalleDeTemps est exprimé en millisecondes.

Donc (intervalleDeTemps/(1000*60*60) est exprimé en heures

90 jours = 90 * 24 = 2160 heures

D'où l'erreur

Nan mais ça je savais... l'erreur c'est qu'il fallait mettre

Code:

aujourdhui.getTime() - dateEntree.getTime()

au lieu de

Code:

dateEntree.getTime() - aujourdhui.getTime()
24/07/2007, 17h13
Jiraiya42

Dernière question sur ce sujet, comment peut on faire pour vider entièrement une liste déroulante en javascript svp ? Car si le visiteur se trompe et su'il recommence ça lui affiche autant de fois que de clique dans la liste
24/07/2007, 17h16
buzzkaido
Google est ton ami !

http://www.google.fr/search?hl=fr&q=...e+Google&meta=

Sinon, il suffit de faire un truc du genre :
Code:

1 2 3 4 while (document.getElementById("liste").options.length>0) { document.getElementById("liste").options[0] = null; }
24/07/2007, 17h25
Jiraiya42
Citation:
Envoyé par buzzkaido

Google est ton ami !

http://www.google.fr/search?hl=fr&q=...e+Google&meta=

Sinon, il suffit de faire un truc du genre :

Code:

1 2 3 4 while (document.getElementById("liste").options.length>0) { document.getElementById("liste").options[0] = null; }
Ah la réponse que j'adore ! Je viens de me casser les c******* à chercher pendant je sais pas combien de temps sur Google et on me claque ça, perso j'adore et la solution ne marche pas mais merci
24/07/2007, 17h28
buzzkaido

Dans la page des resultats de google que je t'ai donné, il y a plusieurs tutoriels sur comment faire.

Le code que je t'ai fourni fonctionne si et seulement si tu as une liste qui porte un id "liste".

Il te suffit de le rajouter au debut de ta fonction "verifDate" et la liste sera vidée avant d'etre re-remplit avec les bonnes valeurs.

Pour info : tu l'as testé comment ce code ? en le mettant où ?
24/07/2007, 17h31
buzzkaido

D'ailleurs, une simple recherche sur le forum de developpez.com t'aurais donné ça :

http://www.developpez.net/forums/sho...d.php?t=361238

Avec une autre facon de faire.

Moi, perso, j'adore les gens qui se plaignent de rien trouver sans même avoir cherché...

Le javascript est tellement classique et utilisé que tu trouveras la reponse à 95% de tes soucis en tapant "javascript + ton probleme" sous google.

Ou encore mieux, dans le forum.
24/07/2007, 17h45
Jiraiya42

Citation:

Envoyé par buzzkaido

Moi, perso, j'adore les gens qui se plaignent de rien trouver sans même avoir cherché...

T'as raison... j'ai pas cherché parce que j'adore poster et parler à des personnes aussi gracieuses que toi... T'as tout compris dis. Garde tes jugements pour toi.

PS: La page Google, j'ai quasi tous les liens de colorés en violet ce qui veut dire que j'ai bien cherché sur Google et le post je l'ai déjà lu donc évite de parler pour rien dire stp
24/07/2007, 17h48
buzzkaido

Tout comme j'aime aider des gens qui m'envoient c*** quand je leur donne du code + de la doc + des explications.

Meme si c'est pas la panacée, c'est mieux que rien...

Question : si on ne se supporte pas l'un l'autre, à quoi sert cette conversation ?

J'ai l'impression que tu fais aucun effort et tu as l'impression que je te prend pour un con.

Pourtant j'ai l'intime conviction que ni l'un ni l'autre n'est vrai.

EDIT :

Ah ! non ! Je viens de comprendre !

Ce sont nos avatars qui ne se supportent pas !

Un gentil petit garçon contre un gros méchant truc... aïe, faut que je m'eloigne vite fait....

Blague à part, le code que je t'ai donné fonctionne bien (garantit à la syntaxe près) puisque je l'utilise moi-même.
24/07/2007, 17h53
Jiraiya42

Citation:

Envoyé par buzzkaido

Tout comme j'aime aider des gens qui m'envoient c*** quand je leur donne du code + de la doc + des explications.

Meme si c'est pas la panacée, c'est mieux que rien...

Question : si on ne se supporte pas l'un l'autre, à quoi sert cette conversation ?

J'ai l'impression que tu fais aucun effort et tu as l'impression que je te prend pour un con.

Pourtant j'ai l'intime conviction que ni l'un ni l'autre n'est vrai.

Bon on met de coté tout ça ? C'est des broutilles ça, j'ai besoin de ton expérience mais ne pense pas que je ne fais pas d'effort car ça fait depuis ce matin que je suis sur mon bout de code (d'où mon énervement)
24/07/2007, 17h54
buzzkaido

Postes ton code en entier, pour voir, c'est peut-etre dû à autre chose...

Et si ton code t'enerves pas la peine de me taper dessus... ça donne pas envie de continuer à t'aider.
24/07/2007, 17h59
Jiraiya42

Citation:

Envoyé par buzzkaido

Postes ton code en entier, pour voir, c'est peut-etre dû à autre chose...

Et si ton code t'enerves pas la peine de me taper dessus... ça donne pas envie de continuer à t'aider.

J'ai pas "tapé" sur mes collègues parce qu'ils m'énervent pas par exemple :) Je me suis énervé parce que tu m'as énervé aussi. On est fautif tous les deux pas que moi ça c'est certain.

Le code fonction c'est bon, c'était dû à autre chose, merci
25/07/2007, 09h24
Jiraiya42

Je sais que Firefox supporte plus ou moins le javascript mais dans mon cas il ne supporte pas du tout la fonction. Plus rien ne se passe quand j'utilise Firefox, y aurait-il une solution pour contourner le problème svp ?

En fait, lié à mon champ "duree", j'ai un bouton qui avec un clique affiche un mini calendrier qui renvoit la valeur choisie dans le champ texte. Ensuite la fonction utilise le résultat pour alimenter la liste déroulante.

Ca marche nikel sous IE mais c'est la cata sous Firefox...

Quelqu'un peut m'aider svp ?

Voir 40 message(s) de cette discussion en une page