當同時使用bootstrap-datepicker.js和jquery.validate.js這兩款插件,至少要選擇兩次時間,才能驗證成功的問題
阿新 • • 發佈:2019-02-22
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這兩款插件,至少要選擇兩次時間,才能驗證成功的問題