比較使用validate.js

Question

jQuery中我嘗試驗證我的page.I不得不filds txtStartDate和txtEndDate。我想日期驗證起始日期比末低date.How這種情況下給出code.Bcz txtPageName和txtTitle追加已經驗證。謝謝。

    var v = $("#form1").validate({ 
        ignore: ':hidden', 
        rules: { 
         : { required: true }, 
         txtTitle: { required: true } 


        }, 
        messages: { 
         txtPageName: "<br/>Please enter a Page Name", 
         txtTitle: "<br/>Please enter a Title" 
        } 
       }); 

Answer 1

您可能需要一個自定義規則來做到這一點。請參閱以下代碼： isAfterStartDate如果小於結束日期並且返回布爾值，則檢查是開始日期。這由自定義驗證規則用於驗證txtEndDate。

var isAfterStartDate = function(startDateStr, endDateStr) { 
      var inDate = new Date(inDateStr), 
       eDate = new Date(endDateStr); 

      if(inDate < eDate) { 
       return false; 
      } 

     }; 
jQuery.validator.addMethod("isAfterStartDate", function(value, element) { 

     return isAfterStartDate($('#txtStartDate').val(), value); 
    }, "End date should be after start date"); 

var v = $("#form1").validate({ 
       ignore: ':hidden', 
       rules: { 
        txtPageName: { required: true }, 
        txtTitle: { required: true }, 
        txtStartDate : {required: true} 
        txtEndDate: { 
            required: true, 
            isAfterStartDate: true 
           } 


       }, 
       messages: { 
        txtPageName: "<br/>Please enter a Page Name", 
        txtTitle: "<br/>Please enter a Title" 
       } 
      }); 

這項工作假定日期格式爲「dd/mm/yyyy」。