javascript 验证日期的函数
更新时间：2010年03月18日 18:19:27 作者：
最近这个项目中有几个需要录入日期的地方，开始由于没有对这些地方进行有效性验证，结果用户录入的日期有好多非法日期，诸如什么2007-2-29，还有2005-2-30等错误日期
导致数据库跑任务出现错误(任务根据日期来计算状态的，由于数据量比较大，都做成任务夜里跑)，为了避免再出现此类的错误，所以增加了一个验证日期有效性的javascript方法。
本方法能够有效的验证闰年，支持的日期格式有：2009-01-01、2009/01/01两种格式。
javascript代码
//判断日期是否合法
function IsDate(oTextbox) {
var regex = new RegExp("^(?:(?:([0-9]{4}(-|\/)(?:(?:0?[1,3-9]|1[0-2])(-|\/)(?:29|30)|((?:0?[13578]|1[02])(-|\/)31)))|([0-9]{4}(-|\/)(?:0?[1-9]|1[0-2])(-|\/)(?:0?[1-9]|1\\d|2[0-8]))|(((?:(\\d\\d(?:0[48]|[2468][048]|[13579][26]))|(?:0[48]00|[2468][048]00|[13579][26]00))(-|\/)0?2(-|\/)29))))$");
var dateValue = oTextbox.value;
if (!regex.test(dateValue)) {
alert("日期有误！");
dateValue = "";
this.focus();
return;
}
}
使用测试
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
<script type="text/javascript" src="jQuery/JScript1.js"></script>
<script type="text/javascript" src="jQuery/jquery-vsdoc.js"></script>
</head>
<body>
<input type="text" id="sDate" />
<script type="text/javascript">
$("#sDate").blur(function() {IsDate($(this)[0]);})
</script>
</body>
</html>
本方法能够有效的验证闰年，支持的日期格式有：2009-01-01、2009/01/01两种格式。
javascript代码
复制代码 代码如下:
//判断日期是否合法
function IsDate(oTextbox) {
var regex = new RegExp("^(?:(?:([0-9]{4}(-|\/)(?:(?:0?[1,3-9]|1[0-2])(-|\/)(?:29|30)|((?:0?[13578]|1[02])(-|\/)31)))|([0-9]{4}(-|\/)(?:0?[1-9]|1[0-2])(-|\/)(?:0?[1-9]|1\\d|2[0-8]))|(((?:(\\d\\d(?:0[48]|[2468][048]|[13579][26]))|(?:0[48]00|[2468][048]00|[13579][26]00))(-|\/)0?2(-|\/)29))))$");
var dateValue = oTextbox.value;
if (!regex.test(dateValue)) {
alert("日期有误！");
dateValue = "";
this.focus();
return;
}
}
使用测试
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
<script type="text/javascript" src="jQuery/JScript1.js"></script>
<script type="text/javascript" src="jQuery/jquery-vsdoc.js"></script>
</head>
<body>
<input type="text" id="sDate" />
<script type="text/javascript">
$("#sDate").blur(function() {IsDate($(this)[0]);})
</script>
</body>
</html>
相关文章
下面小编就为大家带来一篇jQuery实现选中行变色效果(实例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
本篇文章主要介绍了jQuery实现扑克正反面翻牌效果的实例。具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
JQuery是一个非常优秀的框架，在特定场合下使用JQuery提交数据，相当的方便快捷。 但是，在处理一个GB2312编码的网站AJAX提交时，中文数据却成了乱码。2010-07-07
这篇文章主要介绍了jQuery实现简单的下拉菜单导航功能,涉及jQuery针对页面元素的遍历与节点修改相关操作技巧,需要的朋友可以参考下2017-12-12
Placeholder是HTML5新增的另一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点时，提示文字消失。以前要实现这效果都是用JavaScript来控制才能实现 , firefox、google chrome等表示对其支持 , 唯独IE不支持2014-08-08
方便实用的jQuery checkbox复选框全选功能简单实例
这篇文章介绍了jQuery checkbox复选框全选功能的代码实例，有需要的朋友可以参考一下2013-10-10
jQuery.ajax 跨域请求webapi设置headers的解决方案
需要通过服务器端设置响应头、正确响应options请求，正确设置 JavaScript端需要设置的headers信息方能实现，本文介绍的非常详细，具有参考借鉴价值，需要的朋友可以参考下2016-08-08
客户端用一个html页面调用一个ashx文件（一般http处理程序），返回 json格式的自定义对象2010-04-04
这篇文章主要介绍了jQuery网页元素拖拽插件的实现代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-06-06
这篇文章主要为大家详细介绍了基于jQuery实现滚动切换效果,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
最新评论