今天头让我修改个javascript方法，验证输入的日期是否符合要求。恩。我们的要求是yyyy-mm-dd这样的格式，其他的统统不符合要求。原来的方法没用正则表达式，用了一堆判断。
正文
匹配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)$
有关正则表达式的捕获/非捕获 参看： http://www.zzvips.com/article/91224.html
最后是更新的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>
正确的正则表达式（包括测试代码）：
复制代码 代码如下:
var str = '2009-12-33';
if(str.match(/^((?:19|20)\d\d)-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01])$/)) {
alert('是日期');
} else {
alert('不是日期');
}
发表评论