代码改变世界

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

2010-02-20 14:45  Fred-Xu  阅读(2115)  评论(2编辑  收藏  举报

jQuery plugin: Validation是一款功能强大的客户端验证插件,具有很多常用验证方法,支持自定义验证方法扩展、自定义语言包等等。

官方地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation/

 

由于项目的需要,日期大小比较严重是必不可少的,但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("-""/")));
    },
    
"结束日期必须大于开始日期!");
});

 

 IE测试通过,FF暂未通过,继续完善中....