引导 datePicker 如何根据需要进行验证

Question

我使用 it-date-datepicker 作为日历的选择器。这是一个基于 ab-datepicker 的 boostrap-datepicker 版本。问题是我希望这个字段是强制性的。为此，我也下载了 jquery.validate.js，但我不知道如何使它工作。我没有发现有关日期验证的任何信息。

有什么建议吗？

提前感谢您的帮助

这是我的 html 代码：

 <form class="needs-validation" novalidate action="mysqlStuff.php" method="POST">
 <div class="col-md-3 mb-3 " >

 <!-- Default unchecked -->
    <div class="custom-control custom-radio myDivTop"style="padding-left: 5px" >
        <input type="radio" class="custom-control-input" id="male" name="gender" checked>
        <label class="custom-control-label" for="male">Male</label>
    </div>

    <!-- Default checked -->
    <div class="custom-control custom-radio myDivBottom" style="padding-left: 5px">
        <input type="radio" class="custom-control-input" id="female" name="gender" >
         <label class="custom-control-label" for="female">Female</label>
    </div>   
    
    <input class="form-control  it-date-datepicker  " id="date" type="text" name= "birthdate"  placeholder="gg/mm/aaaa" required>

    </div>
    <button class="btn btn-primary" id="invia" type="submit">Submit form</button>
   
  </form>

糟糕的javascript代码是：

<script>
    $(document).ready(function() {
    $('.it-date-datepicker').datepicker({ 
        
       });
    });
</script>

Answer 1

在输入标签中放入required并初始化验证

$(function() {
  $('.it-date-datepicker').datepicker();
  $(".needs-validation").validate();
});

DEMO