js验证日期
寻寻觅觅，Web开发里，对日期的验证太多了，网上好多是用正则表达式来验证，但是这种验证也只能验证格式，没办法验证有效性，比如平年（2月28天）和闰年（2月29天）。平时用得多，以前经常用一次写一次，腻了，所以今天写下来，以后直接Copy，今天提供两个方法：
1.用纯Js代码来验证
这个要注意的也就是对2月份的判断，就是加个Switch...Case而已，就不一一解释，代码中有注释，
这个方法满足以下格式的日期：20100912、2010-01-02、2012/2/2、2012\12\12
先上完整代码（需要的朋友直接复制）：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="jquery-1.10.2.js"></script>
<script type="text/javascript">
function btnClick()
{
if (!checkDate(document.getElementById("inputDate")))
{
alert("日期格式错误");
}
else
alert("验证通过");
}
function checkDate(element)//讀取分隔符,日期輸入框的對象
{
var strDate = $(element).val();
var splitStr = "";
if (!checkInt(strDate)) {
for (var i = 0; i < strDate.length; i++) {
if (!checkInt(strDate[i])) {
splitStr = strDate[i];
if (splitStr != "-" && splitStr != "/" && splitStr != "\\")//默认只能有这几种分隔符（因为目前后台代码能转化时间的也就这三种好像 ），需要的自己加
{
return false;
}
break;
}
}
}
else//如果是數字，則沒有分隔符，則默認格式為20121011
{
if (strDate.length != 8)
{
return false;
}
splitStr = "/";
var s1 = strDate.substring(0, 4) + splitStr;
var s2 = strDate.substring(4, 6) + splitStr;
var s3 = strDate.substring(6, 8);
strDate = s1 + s2 + s3;
}
$(element).val(strDate);//如果沒有分隔符，把分隔符插入之後，賦值給文本框，類似於格式化日期
return validateDate(strDate, splitStr);
}
function validateDate(strDate, splitStr) {
splitStr = splitStr.trim();
var year;
var month;
var day;var arr = strDate.split(splitStr);
if (arr.length != 3) {
return false;//不等於三個數字，則分隔符有問題，或者數字有問題;
}
else {
year = arr[0];
month = arr[1];
day = arr[2];
if (!checkInt(year) || !checkInt(month) || !checkInt(day)) {
return false;//輸入了非數字
}
return checkYear(year, month, day);
}
}
function checkInt(num) {//验证是否是纯数字
var reg = /^-?\d+$/;//对正则表达式不熟，知道的朋友帮忙解释下"-?"的意思
if (reg.test(num)) {
return true;
}
else {
return false;
}
}
function checkYear(year, month, day) {//验证平年闰年
var result = true;
year = parseInt(year);
month = parseInt(month);
day = parseInt(day);
if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0)//閏年，2月 29天
{
switch (month) {
case 1: result = (day <= 31); break;
case 3: result = (day <= 31); break;
case 5: result = (day <= 31); break;
case 7: result = (day <= 31); break;
case 8: result = (day <= 31); break;
case 10: result = (day <= 31); break;
case 12: result = (day <= 31); break;
case 4: result = (day <= 30); break;
case 6: result = (day <= 30); break;
case 9: result = (day <= 30); break;
case 11: result = (day <= 30); break;
case 2: result = (day <= 29); break;
default: result = false;
}
}
else//平年，2月 28天
{
switch (month) {
case 1: result = (day <= 31); break;
case 3: result = (day <= 31); break;
case 5: result = (day <= 31); break;
case 7: result = (day <= 31); break;
case 8: result = (day <= 31); break;
case 10: result = (day <= 31); break;
case 12: result = (day <= 31); break;
case 4: result = (day <= 30); break;
case 6: result = (day <= 30); break;
case 9: result = (day <= 30); break;
case 11: result = (day <= 30); break;
case 2: result = (day <= 28); break;
default: result = false;
}
}
return result;
}
</script>
</head>
<body>
<input type="text" id="inputDate" />
<input type="button" onclick="btnClick()" value="验证" />
</body>
</html>
2.将日期字符串转为Date类型
精华只有一句，但是不能支持20141024这种格式，所以如果是输入这种格式，那就给它处理一下，先上精华代码：
return (new Date(strDate).getDate() == strDate.substring(strDate.length - 2));
有了这句，能判断2010-01-02、2012/02/02、2012\12\12这三种格式的日期，缺点就是不能判断20100912这种类型，所以以下对20100912这种类型的数据进行处理，也能用了。这个2012/2/2这种是无法验证的，需要的自己给它加0吧，转为2012/02/02的形式。
这句啥意思我也不懂，不过能用就是了。
给出能支持20100912、2010-01-02、2012/02/02、2012\12\12这四种格式的代码：
<script type="text/javascript">
function checkDate2(element)//讀取分隔符,日期輸入框的javascript對象
{
var strDate = $(element).val();
var splitStr = "";
if (!checkInt(strDate)) {
for (var i = 0; i < strDate.length; i++) {
if (!checkInt(strDate[i])) {
splitStr = strDate[i];
if (splitStr != "-" && splitStr != "/" && splitStr != "\\") {
return false;
}
break;
}
}
}
else//如果是數字，則沒有分隔符，則默認格式為20121011
{
if (strDate.length != 8) {
return false;
} splitStr = "/";
var s1 = strDate.substring(0, 4) + splitStr;
var s2 = strDate.substring(4, 6) + splitStr;
var s3 = strDate.substring(6, 8);
if(strDate.substring(4, 6)=="00")//加上这个的原因是，下面那句居然对2014/00/12这个 也会验证通过，所以这边做个特殊处理
{
return false;
}
strDate = s1 + s2 + s3; $(element).val(strDate);//如果沒有分隔符，把分隔符插入之後，賦值給文本框，類似於格式化日期
}
return (new Date(strDate).getDate() == strDate.substring(strDate.length - 2));//精华一句 } </script>
总结：
第二个简洁一点，不过都是可用的。记录下来，以后直接复制黏贴(ˇˍˇ） ，不知道有没有漏掉什么，欢迎批斗
js验证日期的更多相关文章
- 正则表达式的JS验证
/判断输入内容是否为空 function IsNull(){ var str = document.getElementById('str').value.trim(); ...
- 九月二十八JS验证
js表单验证 js可用发来在数据被送往服务器前对HTML表单中的这些输入数据进行验证 被js验证的这些典型的表单数据有: >用户是否已填写表单中的必填项目: >用户输入的邮件地址是否是合法 ...
- JS对日期时间的操作
代码: //判断是否超期(有效期开始超过一年后算已超期) function IsEffect(effectDate) { var val = ""; var currentDate ...
- 分享我常用的一些JS验证和函数
下面是我常用一些JS验证和函数,有一些验证我直接写到了对象的属性里面了,可以直接通过对象.方法来调用//浮点数除法运算 function fdiv(a, b, n) { if (n == undefi ...
- Js获取日期时间及其它操作
var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1 ...
- 常用JS验证和函数
下面是我常用一些JS验证和函数,有一些验证我直接写到了对象的属性里面了,可以直接通过对象.方法来调用 //浮点数除法运算 function fdiv(a, b, n) { if (n == undef ...
- Js完美验证15/18身份证，Js验证身份证，支持15/18位
Js完美验证15/18身份证,Js验证身份证,支持15/18位 >>>>>>>>>>>>>>>>> ...
- JS时间日期
JS获取当前时间 var myDate = new Date(); myDate.get[UTC]FullYear(); //获取完整的年份(4位,1970-????)myDate.get[UT ...
- JS 操作日期
var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-???? ...
随机推荐
- javascript 数组部分
<html> <body> <script type="text/javascript"> var arr = new Array(6) arr ...
- windows下各个浏览器用html5进行h.264大视频播放的性能对比说明
最近在调查windows下哪种浏览器进行大视频播放时候稳定性比较高. 举h.264的4g的视频为例. 选用的浏览器有ie10,firefox,chrome.(因为opera不支持h.264所以没有考虑 ...
- C++成员变量与函数内存分配
关于结构体和C++类的内存地址问题 C++类是由结构体发展得来的,所以他们的成员变量(C语言的结构体只有成员变量)的内存分配机制是一样的.下面我们以类来说明问题,如果类的问题通了,结构体也也就没问题啦 ...
- 解决Android Activity切换时出现白屏问题
有些性能低的机器,在切换activity时候出现白屏一段时候后才显示正确的视图 高性能的机器可能太快看不到,但是事实是存在的, 特别是当你新开一个进程的时候,A进程的activity跳转到B进程的Ac ...
- 关于怎么C#控制台窗口中怎么创建连接查询数据库操作
首先需要新建一张表,为了测试随建了一张学生表 新建号一张表之后就可以对数据库进行操作了 列举了常用的增删改查 操作 static void Main(string[] args) { s ...
- ACM比赛（进制转换）
Time Limit:1000MS Memory Limit:131072KB 64bit IO Format:%lld & %llu Description 把十进制整数转换 ...
- 二叉树的前序和中序得到后序 hdu1710
今天看学长发过来的资料上面提到了中科院机试会有一个二叉树的前序中序得到后序的题目.中科院的代码编写时间为一个小时,于是在七点整的时候我开始拍这个题目.这种类型完全没做过,只有纸质实现过,主体代码半个小 ...
- BZOJ 1047: [HAOI2007]理想的正方形( 单调队列 )
单调队列..先对每一行扫一次维护以每个点(x, y)为结尾的长度为n的最大最小值.然后再对每一列扫一次, 在之前的基础上维护(x, y)为结尾的长度为n的最大最小值. 时间复杂度O(ab) (话说还是 ...
- Qt容器类（总结）（新发现的QQueue和QStack，注意全都是泛型）
Introduction Qt库提供了一组基于模板的一般化的容器类.这些容器可以存储指定的类型的元素.例如,如果你需要一个可变大小的Qstring数组,可以用QVector<QString> ...
- JVM参数说明（转）
做了这么多年java,自以为算是熟悉,其实还差得远,啥也别说了,还是踏踏实实地学吧.今天总结一下常用的JVM的启动参数. 参数类别 参数项 说明 标准参数(-,所有的JVM实现都必须实现这些参数的功能 ...