RegEx.test()

**Grizzzly** · 24/06/2008, 18h07

Bonjour,

Je reviens vers vous pour régler mon petit problème de validation de date. La première étape c'est de valider le format à l'aide d'une expression régulière. Le format doit être : AAAA-MM-JJ. C'est le format ISO, quoi.

Voici mon 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
<html>
<head>
  <script type="text/javascript">
    var dateRegExp = new RegExp("^[0-9]{4}-((01|03|05|07|08|10|12)-(0[1-9]|1[0-9]|2[0-9]|3[0-1]))|((04|06|09|11)-(0[1-9]|1[0-9]|2[0-9]|30))|(02-(0[1-9]|1[0-9]|2[0-9]))$", "g");
    var dt = "2008-05-05";
 
    if (dateRegEx.test(dt))
      alert("La date est OK.");
    else
      alert("La date ne respecte pas le format.");
  </script>
</head>
<body onLoad="dateTesting();">
  Hello World!
</body>
</html>

Ça n'affiche rien, ça me surprend un peu.

**Auteur** · 24/06/2008, 19h11

bonjour,

essaye ceci :

Code :

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

1
2
 
var dateRegExp = /^([0-9]{4}-((0[0-9])|(1[0-2]))-(([0-2][1-9])|(3[0-1])))$/g;

par contre je n'ai pas bien compris ceci dans ton expression régulière :

Code :

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

1
2
 
(01|03|05|07|08|10|12)

tu fais le ou entre le nombre qui est juste avant et juste après le symbole |... curieux

**Grizzzly** · 24/06/2008, 19h24

Bon, je viens de comprendre le problème ! Merci IE, qui prend la peine de m'afficher l'erreur. Comment fait-on sous Firefox pour faire afficher une erreur JavaScript ? (Sous IE, on voit le point d'exclamation sur fond jaune en bas, il suffit de double-cliquer dessus pour voir l'erreur.)

Ma variable se nomme dateRegExp (avec le P au bout) alors que dans le code je faisais appel à dateRegEx.

Pour la logique, c'est assez simple :

4 chiffres puis un tiret
01 ou 03 ou 05 ou 07 ou 08 ou 10 ou 12 puis un tiret puis un nombre allant de 01 à 31
ou
04 ou 06 ou 09 ou 11 puis un tiret puis nombre allant de 01 à 30
ou
02 puis un tiret puis un nombre allant de 01 à 29

Ce n'est pas à ça que correspond mon expression régulière ?

**Auteur** · 24/06/2008, 19h38

Envoyé par Grizzzly

Comment fait-on sous Firefox pour faire afficher une erreur JavaScript ?

Outils -> Console d'erreurs

Envoyé par Grizzzly

Pour la logique, c'est assez simple :
4 chiffres puis un tiret
01 ou 03 ou 05 ou 07 ou 08 ou 10 ou 12 puis un tiret puis un nombre allant de 01 à 31 puis un tiret
ou
04 ou 06 ou 09 ou 11 puis un tiret puis nombre allant de 01 à 30
ou
02 puis un tiret puis un nombre allant de 01 à 29

Ce n'est pas à ça que correspond mon expression régulière ?

ah d'accord tu fais la distinction entre les mois qui ont 30 et 31 jours... Bien justement ton expression régulière ne correspond pas à ça, c'est pour ça que je n'ai pas compris.

par exemple :

Code :

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

1
2
 
(01|03)

signifie que tu as 0 suivi de 1 ou 0 puis 3 donc ton expression régulière est vraie pour : 013 ou 003
Donc je te laisse imaginer pour :

Code :

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

(01|03|05|07|08|10|12)

Bon je regarde ton code et je te posterai une solution

**Grizzzly** · 24/06/2008, 20h11

Aaaaaaah, bon, je vois ! C'est bien la preuve que je débute avec les expressions régulières !

Si je comprends bien, il suffirait d'ajouter plein de parenthèses pour régler le problème. Il faut simplement encadrer chaque mois et chaque jour d'une paire de parenthèses, c'est ça ? Le code va finir par ressembler à du LISP (pour ceux qui ont connu).

EDIT:
Je crois que j'ai trouvé la soluce :
/^[0-9]{4}-(((01)|(03)|(05)|(07)|(08)|(10)|(12))-((0[1-9])|(1[0-9])|(2[0-9])|(3[0-1])))|(((04)|(06)|(09)|(11))-((0[1-9])|(1[0-9])|(2[0-9])|(30)))|(02-(0[1-9])|(1[0-9])|(2[0-9]))$/

Ouf !

Il n'y a pas moyen de simplifier ça ?

**Auteur** · 24/06/2008, 23h43

l'expression régulière est trop longue, ça va planter

Je me demande si tu ne devrais pas créer un objet date avec les valeurs entrées puis comparer ces valeurs avec ce que retourne les méthodes de l'objet date :

Syntaxe :

new Date(AAAA,MM,JJ)

Les mois commencent à 0 !
janvier = 0
février = 1
mars = 2
etc.
décembre = 11

Exemple 1 :

Code :

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

1
2
3
4
5
6
7
8
 
var date = new Date(2053,01,32); //32 février 2053 
date.getFullYear() // retourne 2053 (==2053)
date.getMonth() // retourne 2 (!=1)
date.getDate() // retourne 4 (!=32)
 
// => soit le 4 mars 2053 
// ====>  la date entrée n'est pas valide

Exemple 2 :

Code :

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

1
2
3
4
5
6
7
8
 
var date = new Date(2008,05,24); //24 juin 2008
date.getFullYear() // retourne 2008 (==2008)
date.getMonth() // retourne 5 (==5)
date.getDate() // retourne 24 (==24)
 
// => soit le 24 juin 2008
// ====>  la date entrée est valide

Exemple 3 :

Code :

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

1
2
3
4
5
6
7
 
var date = new Date(2008,32,52); // euh...
date.getFullYear() // retourne 2010 (!=2008)
date.getMonth() // retourne 9 (!=32)
date.getDate() // retourne 22 (!=52)
 
// ====>  la date entrée n'est pas valide

**SpaceFrog** · 25/06/2008, 09h10

+10^10 Auteur,
les regExp c'est super puissant mais pas adapté pour vérifier une date, il faut utiliser comme le conseille Auteur le Date() du système ...

Javatwister nous avait gratifié il y a un certain temps d'un code de verif de date dans les contributions si ma mémoire est bonne

**Auteur** · 25/06/2008, 09h37

Quelle mémoire Spacefrog

(la contribution date de 2006)
http://www.developpez.net/forums/sho...ate#post878767

Sinon la FAQ :
http://javascript.developpez.com/faq...Objs#VerifDate

**Grizzzly** · 26/06/2008, 04h11

Finalement l'expression régulière que j'ai conçue en ajoutant les parenthèses fonctionne parfaitement bien. Mais c'est vrai que j'aurais pu utiliser la fonction date(). Le problème ça aurait été la question du parsing. Si une personne tape par exemple 14/07/2008 au lieu de 2008-07-14, je vous laisse imaginer ce que ça donnerait quand je balancerai '8-' à la fonction date() pour le mois.

Mais effectivement, j'aurais pu utiliser une regex simple comme [0-9]{4}-[0-9]{2}-[0-9]{2} puis ensuite, si ça passe, valider la date avec date().

En tout cas, maintenant vous avez une regex efficace pour tester les dates en format ISO (YYYY-MM-DD).

Merci beaucoup pour votre aide !

**Auteur** · 26/06/2008, 11h14

si tu utilises la fonction split, tu peux séparer les nombres :

Code :

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

1
2
3
 
var laDate = "2008-07-14";
alert(laDate.split("-"));  // retourne un tableau 2008,07,14

**SpaceFrog** · 26/06/2008, 15h30

je doute que ton expression régulière soit capable de verifier si la date est vrai ...
exemple mois à 30 ou 31 jours ou moins (années bissextiles ..)
la vérification avec la Date() permet au moins cela

**Grizzzly** · 27/06/2008, 04h20

Envoyé par SpaceFrog

je doute que ton expression régulière soit capable de verifier si la date est vrai ...
exemple mois à 30 ou 31 jours ou moins (années bissextiles ..)
la vérification avec la Date() permet au moins cela

Ben j'ai fait le test et ça marche parfaitement bien. La seule chose qui n'est pas vérifiable ce sont les années bissextiles. Ma Regex accepte 2007-02-29 même si l'année 2007 n'est pas bissextile. Mais bon, là il faut vraiment que l'utilisateur le fasse exprès. Mon but c'était d'éviter les erreurs provoquées par des gens qui ne respectent pas le format indiqué pour le format de la date.

RegEx.test()

JavaScript

Discussions similaires

Partager

Partager