jquery validator 插件增加日期比较方法
发布时间：2013-08-28 编辑：jiaochengji.com
jQuery plugin: Validation是一款功能强大的客户端验证插件，具有很多常用验证方法，支持自定义验证方法扩展、自定义语言包等等。
jquery plugin: Validation是一款功能强大的客户端验证插件，具有很多常用验证方法，支持自定义验证方法扩展、自定义语言包等等。
官方地址：http://bassistance.de/jquery-plugins/jquery-plugin-validation/
脚本之家 http://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("-", "/")));
},
"结束日期必须大于开始日期!");
});
脚本之家 http://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("-", "/")));
},
"结束日期必须大于开始日期!");
});
您可能感兴趣的文章：
jquery validator 插件增加日期比较方法
为开发者准备的10款最好的jQuery日历插件
JQuery 简便实现页面元素数据验证功能
java中Struts2 表单验证方法
js 日期比较相差天数示例
jQuery UI 教程之三 ——jquery ui datepicker的使用
javascript 验证日期的函数
jQuery Frontier Calendar
jQuery W3C-Validator Icons
shell获取系统时间的方法
[关闭]