今天头让我修改个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)$
有关正则表达式的捕获/非捕获 参看：http://www.cnblogs.com/wuhong/archive/2011/02/18/1957017.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>
