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

2016-02-19 13:47 25 1 收藏

图老师设计创意栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享jquery validator 插件增加日期比较方法的教程,热爱PS的朋友们快点看过来吧!

【 tulaoshi.com - Web开发 】


由于项目的需要,日期大小比较严重是必不可少的,但Validation插件并不具有此功能,这个时候我们就需要扩展一个自定义验证方法了,代码如下:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

代码如下:


$(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.tulaoshi.com/webkaifa/)

来源:https://www.tulaoshi.com/n/20160219/1605245.html

延伸阅读
标签: Web开发
jQuery 最好的地方在于其方便的插件机制了,而且网上有很多人在贡献有用的插件,但是插件太多,不熟悉的朋友选择起来可能会比较费事。我觉得有必要开此一贴,收集大家一些常用的好插件,最好稍作点评,以供他人参考。 我先列几个我常用的,请大家踊跃补充。此帖旨在抛砖引玉。 ifixpng: 用于修正 IE 6.0 不支持透明 PNG 图片的,很方便,可以...
标签: Web开发
小序: 整理下自己项目中常用的几款jQuery插件, 发上来共享下, 另外作下说明, 由于自己大部分插件都是贡献在jQuery.com上的, 所以注释, demo 什么的基本上都是英文, 还请各位看官见谅. 正卷:   Facebook/Xiaonei 风格模态框 效果图: 简介: 使用 div, table 和 opacity 效果实现模态框效果... 导航: 详细介绍 | 在线演示 Tabpanel - ...
标签: Web开发
什么是ImageLazyLoad技术 在页面上图片比较多的时候,打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片,占的几M的空间。ImageLazyLoad技术就是,当前可见界面的图片是加载进来的,而不可见页面(通过滚动条下拉可见)中的图片是不加载的,这样势必会引起速度上质的提升。 怎么实现ImageLazyLoad 一、使用JQuery...
标签: Web开发
JQuery Plugin插件,如果大家不明白什么是JQuery插件或都不清楚如何编写可以查看其官方的网站:jQuery Authoring Guidelines 好了,下面有一些我觉得想做一个好的插件必须应有的要求: 1、在JQuery命名空间下声明只声明一个单独的名称 2、接受options参数,以便控制插件的行为 3、暴露插件的默认设置 ,以便外面可以访问 4、适当地将子函数...
标签: Web开发
为了让本地图片、远程图片、过小的图片都适应此插件,有很多细节问题要处理。 首先定义结构:  div class="imgMagnifierWrap" div class="overlay"!--覆盖层,鼠标的感应区域,位于小图上最方--/div div class="tipboxHover"!--小图上方的悬停提示方框--/div div cla...

经验教程

441

收藏

29
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部