今天头让我修改个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喵星人