jquery validator 插件增加日期比较方法
更新时间：2010年02月21日 12:54:18 作者：
jQuery plugin: Validation是一款功能强大的客户端验证插件，具有很多常用验证方法，支持自定义验证方法扩展、自定义语言包等等。
官方地址：http://bassistance.de/jquery-plugins/jquery-plugin-validation/
脚本之家 https://www.jb51.net/jiaoben/17478.html
由于项目的需要，日期大小比较严重是必不可少的，但Validation插件并不具有此功能，这个时候我们就需要扩展一个自定义验证方法了，代码如下：
$(document).ready(function() {
$("#<%= btnSubmit.ClientID %>").click(function() {
$("#aspnetForm").validate({
rules: {
ctl00$ContentPlaceHolder1$ucProjInfo1$ucDatePicker2$txtDatePicker: {
required: true,
date: true,
//日期比较验证方法
endDate: true
}
}
});
});
//自定义验证方法
jQuery.validator.addMethod("endDate",
function(value, element) {
var startDate = $('#start_date').val();
return new Date(Date.parse(startDate.replace("-", "/"))) <= new Date(Date.parse(value.replace("-", "/")));
},
"结束日期必须大于开始日期!");
});
脚本之家 https://www.jb51.net/jiaoben/17478.html
由于项目的需要，日期大小比较严重是必不可少的，但Validation插件并不具有此功能，这个时候我们就需要扩展一个自定义验证方法了，代码如下：
复制代码 代码如下:
$(document).ready(function() {
$("#<%= btnSubmit.ClientID %>").click(function() {
$("#aspnetForm").validate({
rules: {
ctl00$ContentPlaceHolder1$ucProjInfo1$ucDatePicker2$txtDatePicker: {
required: true,
date: true,
//日期比较验证方法
endDate: true
}
}
});
});
//自定义验证方法
jQuery.validator.addMethod("endDate",
function(value, element) {
var startDate = $('#start_date').val();
return new Date(Date.parse(startDate.replace("-", "/"))) <= new Date(Date.parse(value.replace("-", "/")));
},
"结束日期必须大于开始日期!");
});
相关文章
jQuery+HTML5实现WebGL高性能烟花绽放动画效果【附demo源码下载】
这篇文章主要介绍了jQuery+HTML5实现WebGL高性能烟花绽放动画效果,可实现烟花升空爆炸的绚丽动画效果,并附带demo源码供读者下载参考,需要的朋友可以参考下2017-08-08
jQuery插件FusionCharts绘制2D柱状图和折线图的组合图效果示例【附demo源码】
这篇文章主要介绍了jQuery插件FusionCharts绘制2D柱状图和折线图的组合图效果,结合完整实例形式分析了jQuery使用插件FusionCharts载入xml格式数据绘制柱状图与折线图组合图效果的操作步骤与相关实现技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2017-04-04
本文给大家分享的是使用使用JQuery FancyBox插件实现图片展示的3种风格的特效，非常的简单实用，有需要的小伙伴可以查看下2015-11-11
也许你在看此文章之前还不知道jquery有一个noConflict()东西了，它就是为了避免与其它js插件碰到相同变量的一个解决方法，利用noConflict()可以把变量存到其它指定的变量中去2014-11-11
使用jquery的朋友不得不看的,jquery ui接口，提升jquery的效率2008-09-09
这篇文章主要介绍了jQuery过滤选择器:not()方法的使用,需要的朋友可以参考下2014-04-04
从零开始学习jQuery (八) 插播:jQuery实施方案
本篇文章属于临时插播, 用于介绍我在本公司的jQuery实施方案.2011-02-02
jquery自动完成插件(autocomplete)应用之PHP版
一般网上这个用于搜索功能增强，增加用户体验，还是不错的。2009-12-12
获得内容 - text()、html() 以及 val()，attr()方法用于获取属性值，下面有个不错的示例，感兴趣的朋友可以参考下2014-01-01
这篇文章主要介绍了jQuery通过写入cookie实现更换网页背景的方法,涉及jQuery结合cookie设置页面元素属性的相关操作技巧,需要的朋友可以参考下2016-04-04
最新评论