今天头让我修改个javascript方法，验证输入的日期是否符合要求。恩。我们的要求是yyyy-mm-dd这样的格式，其他的统统不符合要求。原来的方法没用正则表达式，用了一堆判断。其实我也很头疼正则表达式，百度了一些资料，总结一下，这里留个备份吧。

今天头让我修改个javascript方法，验证输入的日期是否符合要求。恩。我们的要求是yyyy-mm-dd这样的格式，其他的统统不符合要求。原来的方法没用正则表达式，用了一堆判断。

其实我也很头疼正则表达式，百度了一些资料，总结一下，这里留个备份吧。

要考虑的问题：合法的日期是多少；每个月的天数不一样；闰年的问题。。。。

1、合法的日期：MSDN上规定--在公元（基督纪元）0001 年 1 月 1 日午夜 12:00:00 到公元 (C.E.) 9999 年 12 月 31 日晚上 11:59:59 之间的日期和时间

查看http://msdn.microsoft.com/zh-cn/library/system.datetime(VS.80).aspx

2、闰年的概念：百度百科说明--四年一闰,百年不闰,四百年再闰

查看http://baike.baidu.com/view/29649.htm

3、整合表达式

平年： 

  • 年份可统一写作：(?!0000)[0-9]{4}
  • 包括平年在内的所有年份的月份都包含1-28日：(0[1-9]|1[0-2])-(0[1-9]|1[0-9]|2[0-8])
  • 包括平年在内的所有年份除2月外都包含29和30日：(0[13-9]|1[0-2])-(29|30)
  • 包括平年在内的所有年份1、3、5、7、8、10、12月都包含31日：(0[13578]|1[02])-31)
  • 合起来就是除闰年的2月29日外的其它所有日期：(?!0000)[0-9]{4}-((0[1-9]|1[0-2])-(0[1-9]|1[0-9]|2[0-8])|(0[13-9]|1[0-2])-(29|30)|(0[13578]|1[02])-31)

润年

  • 能被4整除但不能被100整除的年份：([0-9]{2}(0[48]|[2468][048]|[13579][26])
  • 能被400整除的年份。能被400整除的数肯定能被100整除，因此后两位肯定是00：(0[48]|[2468][048]|[13579][26])00
  • 合起来就是所有闰年的2月29日：([0-9]{2}(0[48]|[2468][048]|[13579][26])|(0[48]|[2468][048]|[13579][26])00)-02-29)

四条规则都已实现，且互相间没有影响，合起来就是所有符合DateTime范围的日期的正则
^((?!0000)[0-9]{4}-((0[1-9]|1[0-2])-(0[1-9]|1[0-9]|2[0-8])|(0[13-9]|1[0-2])-(29|30)|(0[13578]|1[02])-31)|([0-9]{2}(0[48]|[2468][048]|[13579][26])|(0[48]|[2468][048]|[13579][26])00)-02-29)$

考虑到这个正则表达式仅仅是用作验证，所以捕获组没有意义，只会占用资源，影响匹配效率，所以可以使用非捕获组来进行优化。
^(?:(?!0000)[0-9]{4}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-8])|(?:0[13-9]|1[0-2])-(?:29|30)|(?:0[13578]|1[02])-31)|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)-02-29)$

有关正则表达式的捕获/非捕获 参看：

最后是更新的javascript方法

function checkDate(fname){
var sc = $("#"+fname);
var s = sc.val();
if (sc==null){
        alert("Element is null");
return true;
    }
var reg=/^(?:(?!0000)[0-9]{4}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-8])|(?:0[13-9]|1[0-2])-(?:29|30)|(?:0[13578]|1[02])-31)|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)-02-29)$/;
if(!s.match(reg)){
alert("false");    
    }else{
alert("true");
} 

}
<body>
<input type="date" name="textfield" id="text1"  >
<input type="button"  value="按钮" onClick="checkDate('text1')">
</body>

一只喜欢烘焙的IT喵星人