當用?bootstrap-datepicker.js 這個插件選擇時間，再用jquery.validate.js進行驗證，當時間不為空時則驗證通過。可能由于在時間插件彈出來時，input框的值發生改變，這時候就進行了驗證，所以每次進行驗證的都是bootstrap-datepicker.js選中日期的前一個值，比如：默認日期為空，當第一次選中日期，假設該日期為（2019-2-22），那么本次驗證的值則為空，所以驗證不通過；當再次選中時間，假設這次選中時間為（2019-2-23），才有前一個值為（2019-2-22），所以驗證才能通過，要想不受這個影響，應該在input框發生change事件時再驗證一次表單，所以最終解決的辦法如下：

1 <form id="validate"> 2 <input onchange='$("#validate").validate().element($(this));'/> 3 </form>

給input添加一個onchange事件，當表單元素發生改變時再手動觸發表單驗證，確保驗證的是當前值

?

轉載于:https://www.cnblogs.com/plb2307/p/10419125.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的当同时使用bootstrap-datepicker.js和jquery.validate.js这两款插件，至少要选择两次时间，才能验证成功的问题...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。