La fonction de vérification de date (FAQ) génère une erreur dans la console.

Version imprimable

Bonjour,

Je viens de réaliser un formulaire de recherche pour lequel j'ai besoin de contrôler un champ texte contenant une date. J'ai utilisé ce script issu de la FAQ Javascript.

Tout fonctionne sous IE6 et Firefox 2.0 (imposés). Mais j'obtiens un message dans la console d'erreur de Firefox :

http://ups.imagup.com/ano1/1280476868.png

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
/**
 * Fonction CheckDate()
 * 
 * Vérifie la syntaxe d'une date
 * http://javascript.developpez.com/faq/?page=formObjs#VerifDate
 * auteur : simone.51
 * 
 */
function CheckDate(d) {
      // Cette fonction vérifie le format JJ/MM/AAAA saisi et la validité de la date.
      // Le séparateur est défini dans la variable separateur
      var amin=1999; // année mini
      var amax=2005; // année maxi
      var separateur="/"; // separateur entre jour/mois/annee
      var j=(d.substring(0,2)); // ## LA LIGNE 108 QUI GENERE L'ERREUR
      var m=(d.substring(3,5));
      var a=(d.substring(6));
      var ok=1;
 
      if ( ((isNaN(j))||(j<1)||(j>31)) && (ok==1) ) {
         alert("Le jour n'est pas correct."); ok=0;
      }
 
      if ( ((isNaN(m))||(m<1)||(m>12)) && (ok==1) ) {
         alert("Le mois n'est pas correct."); ok=0;
      }
 
      if ( ((isNaN(a))||(a<amin)||(a>amax)) && (ok==1) ) {
         alert("L'année n'est pas correcte."); ok=0;
      }
 
      if ( ((d.substring(2,3)!=separateur)||(d.substring(5,6)!=separateur))
  && (ok==1) ) {
         alert("Les séparateurs doivent être des "+separateur); ok=0;
      }
 
      if (ok==1) {
         var d2=new Date(a,m-1,j);
         j2=d2.getDate();
         m2=d2.getMonth()+1;
         a2=d2.getFullYear();
         if ( (j!=j2)||(m!=m2)||(a!=a2) ) {
            alert("La date "+d+" n'existe pas !");
            ok=0;
         }
      }
      return ok;
}

La fonction est appelée depuis l'évènement onblur du champs texte associé :

Code:

<input type="text" onblur="CheckDate(this.value);" id="dateEvenement" maxlength="10" />

J'ai essayé de forcer d en string en ajoutant d.toString(); mais ça n'a pas fonctionné.

Quelqu'un voit d'où ça peut venir ?

29/07/2010, 17h18
SpaceFrog

essaye avec substr ???
a mon avis c'est la console qui délire ... ou ta version de js qui est boiteuse ?.
30/07/2010, 09h50
Invité
Bonjour SpaceFrog et merci pour ta réponse.

Il se trouve que j'ai eu la même idée que toi :
Code:

1 2 3 Erreur : d.substr is not a function Fichier source : ###/index.html Ligne : 108
Bizarre.

J'ai effectué un test bidon avec la fonction substring :
Code:

1 2 3 var str="Andromaque se parfume à la lavande"; var str2 = (str.substring(0,10)); alert(str2); // retourne bien "Andromaque"
Cette fois ci, je n'ai rien dans la console 8O

Je vais plus loin et cette fois je passe la chaîne à traiter en paramètre (faut bien essayer quelque chose :roll:) :
Code:

1 2 3 4 5 //Chaîne passée en paramètre : 'Le chacal n'aime pas le vermicelle' function test(t) { var str2 = (t.substring(3,6)); alert(str2); // retourne bien "chacal" }
Désespéré, j'essaie ensuite avec des valeurs numériques, des valeurs avec des barres obliques '/' : toujours rien dans la console. :calim2:

Pendant mes tests, j'ai bien pris soin de mettre mon code et ma fonction de test dans le même environnement. Je veux dire par là au même endroit que ma fonction checkDate, pour les faire cohabiter avec d'autres fonctions et ainsi, vérifier d'éventuelles d'interférences avec d'autres scripts.

La syntaxe balises script est correcte :
Code:

1 2 3 <script type="text/javascript">//<![CDATA[ ... //]]></script>
La version de Javascript de Mozilla Firefox 2.0 est la version 1.7

Edit :
Je viens de tester sous Firefox v3.6 (Javascript v1.8) : ça passe. C'est donc surement un problème au niveau de la version Javascript (bien vu).

Je pense qu'on ne peux pas y faire grand chose. Je n'ai pas de choix les postes sont tous sous FF 2.0.20. Vu que ça n'entrave pas le fonctionnement du script, je passe mon post en http://www.developpez.net/forums/ima...ons/resolu.gif

Merci tout de même :aie:

ffx2.0 ???
heu on en est à 3.6 là...

Perso je viens de tester avec 3.6

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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
<script type="text/javascript">
/**
 * Fonction CheckDate()
 * 
 * Vérifie la syntaxe d'une date
 * http://javascript.developpez.com/faq/?page=formObjs#VerifDate
 * auteur : simone.51
 * 
 */
function CheckDate(d) {
      // Cette fonction vérifie le format JJ/MM/AAAA saisi et la validité de la date.
      // Le séparateur est défini dans la variable separateur
      var amin=1999; // année mini
      var amax=2010; // année maxi
      var separateur="/"; // separateur entre jour/mois/annee
      var j=(d.substring(0,2)); // ## LA LIGNE 108 QUI GENERE L'ERREUR
      var m=(d.substring(3,5));
      var a=(d.substring(6));
      var ok=1;
 
      if ( ((isNaN(j))||(j<1)||(j>31)) && (ok==1) ) {
         alert("Le jour n'est pas correct."); ok=0;
      }
 
      if ( ((isNaN(m))||(m<1)||(m>12)) && (ok==1) ) {
         alert("Le mois n'est pas correct."); ok=0;
      }
 
      if ( ((isNaN(a))||(a<amin)||(a>amax)) && (ok==1) ) {
         alert("L'année n'est pas correcte."); ok=0;
      }
 
      if ( ((d.substring(2,3)!=separateur)||(d.substring(5,6)!=separateur))
  && (ok==1) ) {
         alert("Les séparateurs doivent être des "+separateur); ok=0;
      }
 
      if (ok==1) {
         var d2=new Date(a,m-1,j);
         j2=d2.getDate();
         m2=d2.getMonth()+1;
         a2=d2.getFullYear();
         if ( (j!=j2)||(m!=m2)||(a!=a2) ) {
            alert("La date "+d+" n'existe pas !");
            ok=0;
         }
      }
      return ok;
}
alert(CheckDate('12/05/2010'))
 
</script>
</head>
 
<body>
 
</body>
 
</html>

Aucun message ni avertissement dans la console ...

Il suffit alors de modifier l'approche du découpage de la date, soit avec un split soit avec une regexp
voici une version avec split:

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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Nouvelle page 1</title>
<script type="text/javascript">
/**
 * Fonction CheckDate()
 * 
 * Vérifie la syntaxe d'une date
 * http://javascript.developpez.com/faq/?page=formObjs#VerifDate
 * auteur : simone.51
 * 
 */
function CheckDate(d) {
      // Cette fonction vérifie le format JJ/MM/AAAA saisi et la validité de la date.
      // Le séparateur est défini dans la variable separateur
      var amin=1999; // année mini
      var amax=2010; // année maxi
      var separateur="/"; // separateur entre jour/mois/annee
      var tabdate=d.split(separateur)
      if(tabdate.length!=3){
		     alert('format de date erronné');
		     ok=0;
		     }
 
	  else{     
      	var j=tabdate[0]
      	var m=tabdate[1]
      	var a=tabdate[2];
       ok=1;
 
      if ( ((isNaN(j))||(j<1)||(j>31)) && (ok==1) ) {
         alert("Le jour n'est pas correct."); ok=0;
      	}
 
      if ( ((isNaN(m))||(m<1)||(m>12)) && (ok==1) ) {
         alert("Le mois n'est pas correct."); ok=0;
      	}
 
      if ( ((isNaN(a))||(a<amin)||(a>amax)) && (ok==1) ) {
         alert("L'année n'est pas correcte."); ok=0;
      	}
 
 	}
 
      if (ok==1) {
         var d2=new Date(a,m-1,j);
         j2=d2.getDate();
         m2=d2.getMonth()+1;
         a2=d2.getFullYear();
         if ( (j!=j2)||(m!=m2)||(a!=a2) ) {
            alert("La date "+d+" n'existe pas !");
            ok=0;
         }
      }
      return ok;
}
alert(CheckDate("12/05/2010"))
 
</script>
</head>
 
<body>
 
</body>
 
</html>

30/07/2010, 11h06
Invité

Impeccable !!

Merci pour tes réponses et pour ton temps :ccool:

la version en regexp:

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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Nouvelle page 1</title>
<script type="text/javascript">
/**
 * Fonction CheckDate()
 * 
 * Vérifie la syntaxe d'une date
 * http://javascript.developpez.com/faq/?page=formObjs#VerifDate
 * auteur : simone.51
 * modifié par Spacefrog
 * 
 */
function CheckDate(d) {
      // Cette fonction vérifie le format JJ/MM/AAAA saisi et la validité de la date.
      // Le séparateur est défini dans la variable separateur
      var amin=1999; // année mini
      var amax=2010; // année maxi
      var sep="/"
      var reg=new RegExp("(\\d{1,2})["+sep+"](\\d{1,2})["+sep+"/](\\d{4})")
      var tabdate=reg.exec(d)
 
      if(tabdate.length!=4){
		     alert('format de date erronné');
		     ok=0;
		     }
 
	  else{     
      	var j=tabdate[1]
      	var m=tabdate[2]
      	var a=tabdate[3];
       ok=1;
 
      if ( ((isNaN(j))||(j<1)||(j>31)) && (ok==1) ) {
         alert("Le jour n'est pas correct."); ok=0;
      	}
 
      if ( ((isNaN(m))||(m<1)||(m>12)) && (ok==1) ) {
         alert("Le mois n'est pas correct."); ok=0;
      	}
 
      if ( ((isNaN(a))||(a<amin)||(a>amax)) && (ok==1) ) {
         alert("L'année n'est pas correcte."); ok=0;
      	}
 
 	}
 
      if (ok==1) {
         var d2=new Date(a,m-1,j);
         j2=d2.getDate();
         m2=d2.getMonth()+1;
         a2=d2.getFullYear();
         if ( (j!=j2)||(m!=m2)||(a!=a2) ) {
            alert("La date "+d+" n'existe pas !");
            ok=0;
         }
      }
      return ok;
}
alert(CheckDate("12/05/2010"))
 
</script>
</head>
 
<body>
 
</body>
 
</html>