1. 程式人生 > >當同時使用bootstrap-datepicker.js和jquery.validate.js這兩款插件,至少要選擇兩次時間,才能驗證成功的問題

當同時使用bootstrap-datepicker.js和jquery.validate.js這兩款插件,至少要選擇兩次時間,才能驗證成功的問題

ont element 表單元素 進行 觸發 this hang font 改變

當用 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事件,當表單元素發生改變時再手動觸發表單驗證,確保驗證的是當前值

當同時使用bootstrap-datepicker.js和jquery.validate.js這兩款插件,至少要選擇兩次時間,才能驗證成功的問題