jQuery驗證 - 比較同一類的值

Question

我有x個具有相同類名的文本框。我希望用戶在其中輸入日期，每個日期應該比前一個日期更大。我怎樣才能做到這一點？

的jQuery -

jQuery.validator.addMethod("greaterrule", function(value, element, param) { 
    return $(param).not(element).get().every(function(item) { 
    return $(item).val() < value; 
}); 
}, "Please specify a greater value"); 


jQuery.validator.addClassRules("dept_date", { 
    greaterrule: ".dept_date" 
}); 

HTML -

First Date <input type="text" name="first_date" class="dept_date"> <br> 
Second Date <input type="text" name="second_date" class="dept_date"> <br> 
Third Date <input type="text" name="third_date" class="dept_date"> <br> 
Fourth Date <input type="text" name="fourth_date" class="dept_date"> <br> 

Answer 1

嘗試使用prevAll前要檢查所有的日期和使用Date比較： -

jQuery.validator.addMethod("greaterrule", function(value, element, param) { 
 

 
    return $(element).prevAll(param).get().every(function(prev) { 
 
     return new Date($(prev).val()) < new Date($(element).val()); 
 
    }); 
 

 
}, "Please specify a greater value"); 
 

 

 
jQuery.validator.addClassRules("dept_date", { 
 
    greaterrule: ".dept_date" 
 
}); 
 

 
$("form").validate();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.14.0/jquery.validate.min.js"></script> 
 

 
<form method="post"> 
 
    First Date 
 
    <input type="text" value="01/21/2016" name="first_date" class="dept_date"> 
 
    <br>Second Date 
 
    <input type="text" value="01/22/2016" name="second_date" class="dept_date"> 
 
    <br>Third Date 
 
    <input type="text" value="01/23/2016" name="third_date" class="dept_date"> 
 
    <br>Fourth Date 
 
    <input type="text" value="01/24/2016" name="fourth_date" class="dept_date"> 
 
    <br> 
 
    <input type="submit" value="submit" /> 
 
</form>