Je javascript - valider une date dans un formulaire

Vérifier si une date est valide à la perte du focus d'un champs

Format de date jjmmaa jjmmaaaa jj/mm/aaaa

Copiez le code de la page ci-dessous

<head>
<title>Document sans titre</title>
<script language="JavaScript">
<!--
//PLF- http://www.jejavascript.net/
	function verifdt(){
verdat=document.myform.dateop.value;
datej= new Date()
anneej=datej.getFullYear()+"*";
anneej=anneej.substring(0,2)

if (verdat.length ==6) 
verdat=verdat.substring(0,2)+"/"+verdat.substring(4,2)+"/"+anneej+verdat.substring(6,4);

if (verdat.length ==8) 
verdat=verdat.substring(0,2)+"/"+verdat.substring(4,2)+"/"+verdat.substring(8,4);

if(!isValidDate(verdat))
alert("la date n'est pas valide ou n'est pas au bon format.\n format : jjmmaa ou jjmmaaaa ou jj/mm/aaaa");
else
document.myform.dateop.value = verdat;

}

function isValidDate(d) {
var dateRegEx = /^((((0?[1-9]|[12]\d|3[01])[\.\-\/](0?[13578]|1[02])[\.\-\/]((1[6-9]|[2-9]\d)?\d{2}))|((0?[1-9]|[12]\d|30)[\.\-\/](0?[13456789]|1[012])[\.\-\/]((1[6-9]|[2-9]\d)?\d{2}))|((0?[1-9]|1\d|2[0-8])[\.\-\/]0?2[\.\-\/]((1[6-9]|[2-9]\d)?\d{2}))|(29[\.\-\/]0?2[\.\-\/]((1[6-9]|[2-9]\d)?(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00)|00)))|(((0[1-9]|[12]\d|3[01])(0[13578]|1[02])((1[6-9]|[2-9]\d)?\d{2}))|((0[1-9]|[12]\d|30)(0[13456789]|1[012])((1[6-9]|[2-9]\d)?\d{2}))|((0[1-9]|1\d|2[0-8])02((1[6-9]|[2-9]\d)?\d{2}))|(2902((1[6-9]|[2-9]\d)?(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00)|00))))$/;
return d.match(dateRegEx);
	} 
 //-->
</script>
</head>

Explications

verdat=document.myform.dateop.value;
On donne la valeur du champs dateop à verdat

datej= new Date()
anneej=datej.getFullYear()+"*";
anneej=anneej.substring(0,2)
Recherche du début de lannèe en cours ("20" pour 2007)

if (verdat.length ==6)
verdat=verdat.substring(0,2)+"/"+verdat.substring(4,2)+"/"+anneej+verdat.substring(6,4);
Transformation du format jjmmaa en jj/mm/aaaa

if (verdat.length ==8)
verdat=verdat.substring(0,2)+"/"+verdat.substring(4,2)+"/"+verdat.substring(8,4);
Transformation du format jjmmaaaa en jj/mm/aaaa

if(!isValidDate(verdat))
On envoie le résultat dans la fontion isValidDate()

alert("la date n'est pas valide ou n'est pas au bon format.\n format : jjmmaa ou jjmmaaaa ou jj/mm/aaaa");
Si faux

else
document.myform.dateop.value = verdat;
Si ok, on écrit la date au format jj/mm/aaaa dans le champs dateop

function isValidDate(d) {
fonction de vérification de la date

<form method="post" action="#" name="myform">
<input name="dateop" type="text" onBlur="verifdt();" maxlength="10">
</form>
Formulaire à vérifier : onBlur="verifdt();" lance la vérification quand le champs perd le focus

Voir aussi : Valider un Formulaire d'Envoi de Mail, ou Autre - Traiter le résultat d'un formulaire et les autres scripts de formulaire

Ce site vous a plu ? Vous avez trouvé le script que vous cherchiez ?
Faites en profiter vos visiteurs : insérez un lien sur votre site