format date validator javascript?

**cyrano_de_bergerac** · 21/12/2007, 13h32

Bonjour,

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.

**ced600** · 21/12/2007, 14h06

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

j'aimerai utiliser javascript mais comment?

Pourquoi ???

**cyrano_de_bergerac** · 21/12/2007, 15h33

Envoyé par ced600

Pourquoi ???

Pour directement valider le format de la date du côté du client...

**ced600** · 21/12/2007, 16h27

Pourquoi en Javascript et pas en asp ?

**medtun.net** · 25/12/2007, 15h03

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

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
 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] );
 }

**cyrano_de_bergerac** · 27/12/2007, 12h23

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...!

**medtun.net** · 27/12/2007, 14h20

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 :

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

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

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

Code :

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

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 :

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

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

**bossun** · 28/12/2007, 13h59

et si tu utilisais le controle comareValidator en spécifiant l'opérateur sur DataTypeCheck et Type à Date

**cyrano_de_bergerac** · 31/12/2007, 10h16

ok merci pour vos réponses, ça marche!

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

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

Code :

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

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

?

merci

**SaumonAgile** · 31/12/2007, 10h40

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

**cyrano_de_bergerac** · 31/12/2007, 13h42

Envoyé par SaumonAgile

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

ouaip ça marche!

format date validator javascript?

ASP.NET

Discussions similaires

Partager

Partager