jquery validator 插件增加日期比較方法
更新時(shí)間:2010年02月21日 12:54:18 作者:
jQuery plugin: Validation是一款功能強(qiáng)大的客戶端驗(yàn)證插件,具有很多常用驗(yàn)證方法,支持自定義驗(yàn)證方法擴(kuò)展、自定義語言包等等。
官方地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation/
腳本之家 http://www.dbjr.com.cn/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é)束日期必須大于開始日期!");
});
腳本之家 http://www.dbjr.com.cn/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é)束日期必須大于開始日期!");
});
您可能感興趣的文章:
- bootstrap datetimepicker日期插件使用方法
- 移動(dòng)端日期插件Mobiscroll.js使用詳解
- js日期插件dateHelp獲取本月、三個(gè)月、今年的日期
- 基于zepto的移動(dòng)端輕量級(jí)日期插件--date_picker
- JQuery日期插件datepicker的使用方法
- jQuery Mobile開發(fā)中日期插件Mobiscroll使用說明
- Yii2框架引用bootstrap中日期插件yii2-date-picker的方法
- jquery實(shí)現(xiàn)在頁面加載的時(shí)自動(dòng)為日期插件添加當(dāng)前日期
- 基于jquery的web頁面日期格式化插件
- js實(shí)現(xiàn)符合國情的日期插件詳解
相關(guān)文章
jQuery+HTML5實(shí)現(xiàn)WebGL高性能煙花綻放動(dòng)畫效果【附demo源碼下載】
這篇文章主要介紹了jQuery+HTML5實(shí)現(xiàn)WebGL高性能煙花綻放動(dòng)畫效果,可實(shí)現(xiàn)煙花升空爆炸的絢麗動(dòng)畫效果,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-08-08jQuery插件FusionCharts繪制2D柱狀圖和折線圖的組合圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts繪制2D柱狀圖和折線圖的組合圖效果,結(jié)合完整實(shí)例形式分析了jQuery使用插件FusionCharts載入xml格式數(shù)據(jù)繪制柱狀圖與折線圖組合圖效果的操作步驟與相關(guān)實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-04-04使用JQuery FancyBox插件實(shí)現(xiàn)圖片展示特效
本文給大家分享的是使用使用JQuery FancyBox插件實(shí)現(xiàn)圖片展示的3種風(fēng)格的特效,非常的簡(jiǎn)單實(shí)用,有需要的小伙伴可以查看下2015-11-11從零開始學(xué)習(xí)jQuery (八) 插播:jQuery實(shí)施方案
本篇文章屬于臨時(shí)插播, 用于介紹我在本公司的jQuery實(shí)施方案.2011-02-02jquery自動(dòng)完成插件(autocomplete)應(yīng)用之PHP版
一般網(wǎng)上這個(gè)用于搜索功能增強(qiáng),增加用戶體驗(yàn),還是不錯(cuò)的。2009-12-12jQuery通過寫入cookie實(shí)現(xiàn)更換網(wǎng)頁背景的方法
這篇文章主要介紹了jQuery通過寫入cookie實(shí)現(xiàn)更換網(wǎng)頁背景的方法,涉及jQuery結(jié)合cookie設(shè)置頁面元素屬性的相關(guān)操作技巧,需要的朋友可以參考下2016-04-04