为jQuery Validator插件增加日期比较

三月 10th, 2010

Learning, by 木公.

刚刚开始了一个新的项目，其中在Keyin data时需要进行日期大小的比较，而非常流行的jQuery Validator虽然已经包含了丰富的验证方法，可还是没法进行日期大小的比较，不过这个插件支持自定义方法，嘿嘿，这就好办。

$(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("-", "/")));
    },
    "结束日期必须大于开始日期!");
});