jq.validate 自定義驗證兩個日期

jq.validate 自定義驗證兩個日期

　　　　首先定義有一個表單，date1和date2是屬於表單的元素，若date1大於date2，返回false:若date1<date2，返回true。使用jq.validate中的validator.addMethod()自定義驗證。

　　　　具體方法如下：

jQuery.validator.addMethod("dateCheck", function() {

    var date1= $("# date1").val();
    var startLogTimeDate = new Date(Date.parse(date1.replace(/-/g, "/"))).getTime();
    var date2=  $("# date2").val();
    var endLogTimeDate = new Date(Date.parse(date2.replace(/-/g, "/"))).getTime();
    if(endLogTimeDate>startLogTimeDate){
        return false;
    }else{
        return true;
    }
}, "比較兩個時間");

　　　　定義完方法之后，對於用戶輸入的值進行驗證：

$("獲取表單id ").validate({
    rules: {
        date1: {
            required: true,
            dateISO:true
        },
        date2: {
            required: true,
            dateISO:true,
            dateCheck:true
        },
        
    },
    messages: {
        date1: {
            required: '請輸入日期',
            dateISO:'請輸入正確格式的日期'
        },
        date2: {
            required: '請輸入日期',
            dateISO:'請輸入正確格式的日期',
            dateCheck:' date1日期應大於date2日期'
        },
       
    },
    submitHandler : function(form) {
        $(form).ajaxSubmit({
            success : function() {
                //前端校驗完成提交數據庫
                onSubmit($(form));
            }
        });
    },
    errorPlacement : function(error, element) {
        $('button[name="saveButton"]').button('reset');
        error.insertAfter(element.parent());
    }
});