【问题标题】:jquery validation plugin with jquery datepicker error(Please enter a valid date)带有 jquery datepicker 错误的 jquery 验证插件(请输入有效日期)
【发布时间】: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",

            },  

        }
    });

【问题讨论】:

  • 你用的时刻js吗?
  • @Maraboc 不,我正在使用简单的 jquery 验证插件
  • @PrabhjotSinghKainth 是的,你是对的,我也遇到了同样的问题

标签: jquery laravel datepicker


【解决方案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 而不是类
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多