jquery validator 插件增加日期比较方法
作者:
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("-", "/")));
},
"结束日期必须大于开始日期!");
});