validationEngine是一個(gè)用于表單驗(yàn)證的JavaScript庫,可以通過定義驗(yàn)證規(guī)則來驗(yàn)證表單輸入的數(shù)據(jù)。如果要比較兩個(gè)日期并進(jìn)行校驗(yàn),可以使用validationEngine的自定義規(guī)則功能。
以下是一種可能的實(shí)現(xiàn)方式:
<input type="text" name="start_date" id="start_date" class="validate[required]" />
<input type="text" name="end_date" id="end_date" class="validate[required,custom[dateComparison]]" />
$.validationEngineLanguage.allRules['dateComparison'] = {
"func": function (field, rules, i, options) {
var start_date = new Date($("#start_date").val());
var end_date = new Date($("#end_date").val());
if (start_date <= end_date) {
return true;
} else {
return false;
}
},
"alertText": "End date must be greater than or equal to start date"
};
$(document).ready(function () {
$("#form_id").validationEngine();
});
這樣,當(dāng)用戶提交表單時(shí),validationEngine會自動調(diào)用自定義規(guī)則函數(shù)進(jìn)行日期比較校驗(yàn)。如果end_date小于start_date,則會顯示錯(cuò)誤提示信息"End date must be greater than or equal to start date"。