溫馨提示×

validationEngine兩個(gè)日期比較校驗(yàn)問題

小云
98
2023-08-07 12:19:59
欄目: 編程語言

validationEngine是一個(gè)用于表單驗(yàn)證的JavaScript庫,可以通過定義驗(yàn)證規(guī)則來驗(yàn)證表單輸入的數(shù)據(jù)。如果要比較兩個(gè)日期并進(jìn)行校驗(yàn),可以使用validationEngine的自定義規(guī)則功能。

以下是一種可能的實(shí)現(xiàn)方式:

  1. 在表單中添加兩個(gè)日期輸入框,例如:
<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]]" />
  1. 在JavaScript代碼中定義自定義規(guī)則函數(shù),用于比較兩個(gè)日期的大?。?/li>
$.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"
};
  1. 在頁面加載完成時(shí)初始化validationEngine,并指定驗(yàn)證規(guī)則:
$(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"。

0