jquery validator 插件增加日期比较方法


Posted in Javascript onFebruary 21, 2010

官方地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation/
三水点靠木 https://3water.com/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("-", "/"))); 
}, 
"结束日期必须大于开始日期!"); 
});
Javascript 相关文章推荐
js数字输入框(包括最大值最小值限制和四舍五入)
Nov 24 Javascript
javascript函数中的arguments参数
Aug 01 Javascript
基于jquery的文本框与autocomplete结合使用(asp.net+json)
May 30 Javascript
jquery打开直接跳到网页最下面、最低端实现代码
Apr 22 Javascript
jQuery 淡出一个图像到另一个图像的实现代码
Jun 12 Javascript
JavaScript学习笔记之Function对象
Jan 22 Javascript
javascript运动框架用法实例分析(实现放大与缩小效果)
Jan 08 Javascript
jquery判断input值不为空的方法
Jun 05 Javascript
JS简单实现无缝滚动效果实例
Aug 24 Javascript
js 获取元素所有兄弟节点的实现方法
Sep 06 Javascript
vue实现表格数据的增删改查
Jul 10 Javascript
ES6箭头函数和扩展实例分析
May 23 Javascript
javascript 定义新对象方法
Feb 20 #Javascript
Jquery乱码的一次解决过程 图解教程
Feb 20 #Javascript
JavaScript CSS修改学习第六章 拖拽
Feb 19 #Javascript
JavaScript CSS修改学习第五章 给“上传”添加样式
Feb 19 #Javascript
JavaScript CSS 修改学习第四章 透明度设置
Feb 19 #Javascript
JavaScript CSS修改学习第三章 修改样式表
Feb 19 #Javascript
JavaScript CSS修改学习第二章 样式
Feb 19 #Javascript
You might like
Linux下CoreSeek及PHP扩展模块的安装
2012/09/23 PHP
PHP设计模式之模板方法模式定义与用法详解
2018/04/02 PHP
JS面向对象编程 for Cookie
2010/09/19 Javascript
jQuery拖拽插件gridster使用指南
2015/04/21 Javascript
JavaScript对表格或元素按文本,数字或日期排序的方法
2015/05/26 Javascript
JS实现的左侧竖向滑动菜单效果代码
2015/10/19 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件包装
2015/11/20 Javascript
vue的props实现子组件随父组件一起变化
2016/10/27 Javascript
微信小程序上滑加载下拉刷新(onscrollLower)分批加载数据(二)
2017/05/11 Javascript
微信小程序scroll-view仿拼多多横向滑动滚动条
2020/04/21 Javascript
vue-cli 使用vue-bus来全局控制的实例讲解
2018/09/15 Javascript
详解swiper在vue中的应用(以3.0为例)
2018/09/20 Javascript
vue-quill-editor富文本编辑器简单使用方法
2018/09/21 Javascript
js实现扫雷源代码
2020/11/27 Javascript
python实现自动重启本程序的方法
2015/07/09 Python
python处理数据,存进hive表的方法
2018/07/04 Python
Python 数据库操作 SQLAlchemy的示例代码
2019/02/18 Python
python 3.6.7实现端口扫描器
2019/09/04 Python
Python Scrapy框架:通用爬虫之CrawlSpider用法简单示例
2020/04/11 Python
2分钟教你实现环形/扇形菜单(基础版)
2020/01/15 HTML / CSS
欧洲最大的球衣网上商店:Kitbag
2017/11/11 全球购物
英国家用电器购物网站:Hughes
2018/02/23 全球购物
伦敦的高级牛仔布专家:Trilogy
2018/08/06 全球购物
纽约海:Sea New York
2018/11/04 全球购物
植村秀加拿大官网:Shu Uemura加拿大
2019/09/03 全球购物
留学自荐信写作方法
2014/01/27 职场文书
大学生活动总结模板
2014/07/02 职场文书
送温暖献爱心活动总结
2014/07/08 职场文书
2014年电教工作总结
2014/12/19 职场文书
英语教师求职信范文
2015/03/20 职场文书
签证工作证明模板
2015/06/15 职场文书
重阳节活动主持词
2015/07/04 职场文书
初中毕业生感言
2015/07/31 职场文书
pdf论文中python画的图Type 3 fonts字体不兼容的解决方案
2021/04/24 Python
python 安全地删除列表元素的方法
2022/03/16 Python
Vue Element plus使用方法梳理
2022/12/24 Vue.js