format date validator javascript?

Version imprimable

21/12/2007, 13h32
cyrano_de_bergerac

format date validator javascript?

Bonjour, :D

j'ai une textbox dans laquelle je dois rentrer une date sous la forme jj/mm/aaaa.

j'aimerai faire un validator dessus afin de vérifier le format de la date.
comment puis je faire? j'aimerai utiliser javascript mais comment?

Note : j'ai déjà un un RangeValidator pour vérifier que la date est bien au moins celle du jour, et le message de celui-ci s'affiche quand le format n'est pas bon, mais pour dire que "la date doit être postérieure à aujourd'hui".

Merci de m'aider. :D
21/12/2007, 14h06
ced600

Regarde l'objet DateTime, il doit posseder une méthode qui fait cela :
http://msdn2.microsoft.com/en-us/lib...me(VS.80).aspx

Citation:

j'aimerai utiliser javascript mais comment?

Pourquoi ???
21/12/2007, 15h33
cyrano_de_bergerac

Citation:

Envoyé par ced600

Pourquoi ???

Pour directement valider le format de la date du côté du client...
21/12/2007, 16h27
ced600

Pourquoi en Javascript et pas en asp ?

Oui il vaut mieux vérifier la date du coté client..
Tu peux utiliser cette fonction :

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
 function isDate(d) {
 // Cette fonction permet de vérifier la validité d'une date au format jj/mm/aa ou jj/mm/aaaa
 // Par Romuald
 
 if (d == "") // si la variable est vide on retourne vrai
 return true;
 
 e = new RegExp("^[0-9]{1,2}\/[0-9]{1,2}\/([0-9]{2}|[0-9]{4})$");
 
 if (!e.test(d)) // On teste l'expression régulière pour valider la forme de la date
 return false; // Si pas bon, retourne faux
 
 // On sépare la date en 3 variables pour vérification, parseInt() converti du texte en entier
 j = parseInt(d.split("/")[0], 10); // jour
 m = parseInt(d.split("/")[1], 10); // mois
 a = parseInt(d.split("/")[2], 10); // année
 
 // Si l'année n'est composée que de 2 chiffres on complète automatiquement
 if (a < 1000) {
 if (a < 89) a+=2000; // Si a < 89 alors on ajoute 2000 sinon on ajoute 1900
 else a+=1900;
 }
 
 // Définition du dernier jour de février
 // Année bissextile si annnée divisible par 4 et que ce n'est pas un siècle, ou bien si divisible par 400
 if (a%4 == 0 && a%100 !=0 || a%400 == 0) fev = 29;
 else fev = 28;
 
 // Nombre de jours pour chaque mois
 nbJours = new Array(31,fev,31,30,31,30,31,31,30,31,30,31);
 
 // Enfin, retourne vrai si le jour est bien entre 1 et le bon nombre de jours, idem pour les mois, sinon retourn faux
 return ( m >= 1 && m <=12 && j >= 1 && j <= nbJours[m-1] );
 }

27/12/2007, 12h23
cyrano_de_bergerac

euh c'est quoi comme code ; du javascript je suppose?

pardonne moi ma question "à la con", mais je débute en javascript et je commence tout juste à comprendre le C# alors...! :D

Citation:

Envoyé par cyrano_de_bergerac

j'aimerai utiliser javascript mais comment?

je t'ai donné une fonction javascript qui permet de vérifier des dates...
bref
1) mets la fonction que je t'ai donné dans un fichier javascript ("jsFonctions.js" par exemple)
2) entre les balises <head> de ta page aspx tu mets la ligne suivante :

Code:

<script src="jsFonctions.js" language="javascript" type="text/javascript"></script>

3) dans <body> tu mets le script suivant :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <script language="javascript" type="text/javascript"> function verifier() { var bl= true; if(!isDate(document.getElementById('<%= txtDate.ClientID %>').value)) { bl=false; alert('date non valide'); } return bl; } </script>
bien entendu txtDate est le controle qui porte la date à vérifier
4) Tu fais appel à la fonction verifier() lors de l'évènement OnClientClick de ton controle validateur (par exemple un bouton ou un linkButton..)
genre :

Code:

<asp:Button runat="server" ID="btn" Text="ok" OnClientClick="javascript:return verifier();" />

28/12/2007, 13h59
bossun

et si tu utilisais le controle comareValidator en spécifiant l'opérateur sur DataTypeCheck et Type à Date
31/12/2007, 10h16
cyrano_de_bergerac
ok merci pour vos réponses, ça marche! :D

sinon j'aimerai que l'année soit aaaa et jamais aa.

dans ce cas, j'écris mon regex comme suit :
Code:

1 2 e = new RegExp("^[0-9]{1,2}\/[0-9]{1,2}\/[0-9]{4})$");
?

merci :D
31/12/2007, 10h40
SaumonAgile

Tu as testé ? C'est le moyen le plus rapide de savoir, non ? ;)
31/12/2007, 13h42
cyrano_de_bergerac

Citation:

Envoyé par SaumonAgile

Tu as testé ? C'est le moyen le plus rapide de savoir, non ? ;)

ouaip ça marche! :D