jquery validator 插件增加日期比較方法
更新時(shí)間：2010年02月21日 12:54:18 作者：
jQuery plugin: Validation是一款功能強(qiáng)大的客戶端驗(yàn)證插件，具有很多常用驗(yàn)證方法，支持自定義驗(yàn)證方法擴(kuò)展、自定義語(yǔ)言包等等。
官方地址：http://bassistance.de/jquery-plugins/jquery-plugin-validation/
腳本之家 http://www.dhdzp.com/jiaoben/17478.html
由于項(xiàng)目的需要，日期大小比較嚴(yán)重是必不可少的，但Validation插件并不具有此功能，這個(gè)時(shí)候我們就需要擴(kuò)展一個(gè)自定義驗(yàn)證方法了，代碼如下：
$(document).ready(function() {
$("#<%= btnSubmit.ClientID %>").click(function() {
$("#aspnetForm").validate({
rules: {
ctl00$ContentPlaceHolder1$ucProjInfo1$ucDatePicker2$txtDatePicker: {
required: true,
date: true,
//日期比較驗(yàn)證方法
endDate: true
}
}
});
});
//自定義驗(yàn)證方法
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("-", "/")));
},
"結(jié)束日期必須大于開(kāi)始日期!");
});
腳本之家 http://www.dhdzp.com/jiaoben/17478.html
由于項(xiàng)目的需要，日期大小比較嚴(yán)重是必不可少的，但Validation插件并不具有此功能，這個(gè)時(shí)候我們就需要擴(kuò)展一個(gè)自定義驗(yàn)證方法了，代碼如下：
復(fù)制代碼 代碼如下:
$(document).ready(function() {
$("#<%= btnSubmit.ClientID %>").click(function() {
$("#aspnetForm").validate({
rules: {
ctl00$ContentPlaceHolder1$ucProjInfo1$ucDatePicker2$txtDatePicker: {
required: true,
date: true,
//日期比較驗(yàn)證方法
endDate: true
}
}
});
});
//自定義驗(yàn)證方法
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("-", "/")));
},
"結(jié)束日期必須大于開(kāi)始日期!");
});
您可能感興趣的文章:
- bootstrap datetimepicker日期插件使用方法
- 移動(dòng)端日期插件Mobiscroll.js使用詳解
- js日期插件dateHelp獲取本月、三個(gè)月、今年的日期
- 基于zepto的移動(dòng)端輕量級(jí)日期插件--date_picker
- JQuery日期插件datepicker的使用方法
- jQuery Mobile開(kāi)發(fā)中日期插件Mobiscroll使用說(shuō)明
- Yii2框架引用bootstrap中日期插件yii2-date-picker的方法
- jquery實(shí)現(xiàn)在頁(yè)面加載的時(shí)自動(dòng)為日期插件添加當(dāng)前日期
- 基于jquery的web頁(yè)面日期格式化插件
- js實(shí)現(xiàn)符合國(guó)情的日期插件詳解
相關(guān)文章
初步認(rèn)識(shí)JavaScript函數(shù)庫(kù)jQuery
這篇文章主要介紹了JavaScript函數(shù)庫(kù)jQuery的一些基本概念,包括其的添加方法和最基本的使用示例,需要的朋友可以參考下2015-06-06
contains選擇符是指對(duì)象中包括指定內(nèi)容的對(duì)象本身2010-04-04
這篇文章介紹了簡(jiǎn)單的Jquery遮罩層代碼實(shí)例，有需要的朋友可以參考一下2013-11-11
jQuery實(shí)現(xiàn)ajax無(wú)刷新分頁(yè)頁(yè)碼控件
這篇文章主要介紹了jQuery實(shí)現(xiàn)ajax無(wú)刷新分頁(yè)頁(yè)碼控件,需要的朋友可以參考下2017-02-02
ASP.NET jQuery 實(shí)例6 (實(shí)現(xiàn)CheckBoxList成員全選或全取消)
ASP.NET jQuery 實(shí)例6 (實(shí)現(xiàn)CheckBoxList成員全選或全取消) ，需要的朋友可以參考下。2012-01-01
這里以jquery異步獲取的數(shù)據(jù)類型——json對(duì)象和字符串為依據(jù)，分別介紹兩種方式獲取到的結(jié)果處理方式2014-07-07
jQuery基于muipicker實(shí)現(xiàn)仿ios時(shí)間選擇
本文給大家分享的是把jQuery的muipicker插件修改實(shí)現(xiàn)仿IOS時(shí)間選擇特效，非常的不錯(cuò)，有需要的小伙伴可以參考下。2016-02-02
jQuery EasyUI API 中文文檔 - NumberSpinner數(shù)值微調(diào)器使用介紹
jQuery EasyUI API 中文文檔 - NumberSpinner數(shù)值微調(diào)器使用，需要的朋友可以參考下。2011-10-10
jquery使用ajax實(shí)現(xiàn)微信自動(dòng)回復(fù)插件
這篇文章主要介紹了jquery使用ajax實(shí)現(xiàn)微信自動(dòng)回復(fù)插件,需要的朋友可以參考下2014-04-04
jquery實(shí)現(xiàn)根據(jù)瀏覽器窗口大小自動(dòng)縮放圖片的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)根據(jù)瀏覽器窗口大小自動(dòng)縮放圖片的方法,涉及jquery操作頁(yè)面元素屬性與樣式的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07