使用validationEngine校驗兩個日期的步驟如下:
<input type="text" class="validate[required,date]" id="startDate" name="startDate" />
<input type="text" class="validate[required,date]" id="endDate" name="endDate" />
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validation-engine/2.6.4/jquery.validationEngine.min.js"></script>
$(document).ready(function() {
$("#startDate").validationEngine();
$("#endDate").validationEngine();
// 自定義校驗規則,判斷結束日期是否大于開始日期
$.fn.validationEngineLanguage.allRules.checkEndDate = {
validate: function(field, rules, i, options) {
var startDate = new Date($("#startDate").val());
var endDate = new Date($("#endDate").val());
return endDate >= startDate;
},
alertText: "結束日期必須大于等于開始日期"
};
// 添加校驗規則
$("#endDate").addClass("validate[required,date,checkEndDate]");
});
在以上代碼中,我們通過自定義校驗規則"checkEndDate"來判斷結束日期是否大于等于開始日期。然后,我們為結束日期輸入框添加該校驗規則。最后,調用validationEngine()方法來初始化validationEngine插件。