validationEngine

怎么使用validationEngine校验两个日期

小亿
106
2023-08-07 09:35:38
栏目: 编程语言

使用validationEngine校验两个日期的步骤如下:

  1. 在HTML表单中,为两个日期输入框添加相应的class,并设置data-validation属性为"date",如:
<input type="text" class="validate[required,date]" id="startDate" name="startDate" />
<input type="text" class="validate[required,date]" id="endDate" name="endDate" />
  1. 在页面中引入jQuery库和validationEngine插件的脚本文件,如:
<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>
  1. 初始化validationEngine插件,并为两个日期输入框添加自定义校验规则,如:
$(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插件。

0
看了该问题的人还看了