Jquery-form-validator 验证日期选择器中的格式日期

Question

我有带有日期选择器的输入表单，当更改输入中的数据时，我尝试验证格式日期，如“yyyy-mm-dd”。我安装jquery-form-validator并这样写

<form id="filter-form" action="my action" method="get">
  <input type="text" name="to_date" id="to_datepicker" dataformatas="dd-mm-yyyy" data-validation-format="yyyy-mm-dd">
</form>

$(document).ready(function() {
  var filterForm = $('#filter-form');

  filterForm.validate({
    rules: {
      from_datepicker: {
        required: true,
        date: true
      }
    }
  });

  $('#to_datepicker').datepicker({
    dateFormat: 'dd.mm.yy',
    showAnim: "drop",
    changeMonth: true,
    changeYear: true,
    showWeek: true
  });

$('.hasDatepicker').on('change', function () {
    filterForm.submit()
});

然后我尝试在输入中写入一些数据，例如 11111 但没有调用 jquery-form-validator 。我该如何使用这个插件？

Answer 1

如果您想使用 jquery 验证插件验证日期，请确保已将此 js 文件包含在 head 标记中。

当你使用额外的方法时，需要这个js。

<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>

还要确保您还包含了验证最小文件，当您使用 jquery 验证插件时，该文件是必须的:

<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>

此外，在您的代码中我可以看到，您的元素名称是 to_date，并且在验证中您放置了 from_datepicker。

因此，还要输入您要验证的名称。如果您想验证 to_date 那么您的验证代码应该是:

var filterForm = $('#filter-form');
filterForm.validate({
    rules: {
      to_date: {
        required: true,
        date: true
     },
    messages:{
       to_date:{
         required: "Date is required",
         date:"enter date only"
       }
    }
   }
});