带有 jquery datepicker 错误的 jquery 验证插件（请输入有效日期）

Posted 2023-03-14

【中文标题】带有 jquery datepicker 错误的 jquery 验证插件（请输入有效日期）

【英文标题】：jquery validation plugin with jquery datepicker error(Please enter a valid date)

【发布时间】：2020-04-16 14:46:59

【问题描述】：

我正在使用jquery 验证插件进行表单验证。我正在验证日期。但我收到了类似

的错误

请输入有效日期

如果我更改 Jquery 日期选择器格式。我不知道它来自哪里。

我正在使用jquery ui date picker。

 $('.date').datepicker(
        dateFormat: "dd-mm-yy",
        changeMonth:true,
        changeYear:true
 );

表格

<form method="post" id="policiesform" action=" url('createpoli') " enctype="multipart/form-data">
 <div class="col-lg-4 col-md-6 col-sm-12">
      <div class="form-group">
      <div class="row text-center">
      <div class="col-lg-4 col-md-6 col-sm-6">
      Start Date

      </div>
      <div class="col-lg-8 col-md-6 col-sm-6">
      <input type="text"  placeholder="Start Date" class="form-control date" name="startdte" readonly>

      </div>
      </div>

        </div>

      </div>
      <div class="col-lg-4 col-md-6 col-sm-12">
      <div class="form-group">
      <div class="row text-center">
      <div class="col-lg-4 col-md-6 col-sm-6">
         End Date
      </div>
      <div class="col-lg-8 col-md-6 col-sm-6">
      <input  placeholder="End Date" class="form-control date" name="enddte" readonly>
      </div>
      </div>

        </div> 
   </div>
</form>

验证

$('#policiesform').validate(
        rules: 
            startdte: 
                required:true,
            ,
            enddte: 
                required:true,
            ,


        ,
        messages: 
            startdte: 
                required:"Start Date is Required",

            ,
            enddte: 
                required:"End Date is Required",

            ,  

        
    );

【问题讨论】：

看看***.com/questions/41435873/…

你用的时刻js吗？

@Maraboc 不，我正在使用简单的 jquery 验证插件

@PrabhjotSinghKainth 是的，你是对的，我也遇到了同样的问题

【参考方案1】：

如果您已经下载了 jquery 验证插件，那么您必须在jquery.validate.min.js 中进行更改，有关更多信息，您可以在此处找到Where trigger the "Please enter a valid date." in jquery.validate.js

【参考方案2】：

尝试使用开始日期、结束日期 id 而不是类

开始日期

$('#start-date').datepicker(
        dateFormat: "dd-mm-yy",
        changeMonth:true,
        changeYear:true
 ).on('change', function() 
        $(this).valid();  // triggers the validation test
        // '$(this)' refers to '$(".date")'
 );

结束日期

$('#end-date').datepicker(
            dateFormat: "dd-mm-yy",
            changeMonth:true,
            changeYear:true
     ).on('change', function() 
            $(this).valid();  // triggers the validation test
            // '$(this)' refers to '$(".date")'
     );

【讨论】：

请输入有效日期

嗨 matheen ulla，创建单独的 startDate、endDate id 而不是类