JavaScript的驗證和日期選擇器

Question

這是我的日期選擇器的HTML：

<input type="text" class="form-control required birthday" name="birthday" required placeholder="dd.mm.yyyy" data-date-format="dd.mm.yyyy" id="dp2"> 

而這正是驗證JS背後：

birthday: { 
    validators: { 
     notEmpty: { 
      message: 'Please provide us with your birthday.' 
     } 
    }, 
    required: true, 
}, 

好，所以它成功驗證（分別爲不），如果我離開該字段爲空或者如果我第一次輸入日期。

但是，當我離開字段爲空時，按下我的表單嚮導的下一個按鈕，它會驗證沒有任何內容輸入到字段中。但是，迄今爲止，當我再次使用日期選擇器並設置新日期時，它不能正確處理它。它仍然顯示驗證錯誤（儘管現在已經從選擇器中選擇了一個日期），並且我無法繼續。

解決方法：在通過選擇器設置日期後，我需要跳到該字段並輸入任何我喜歡的字符（甚至是空格），現在它可以工作。對我來說，它看起來像在輸入或輸入時驗證，但不適用於拾取器。

不用說，後面提到的解決方法是用戶敵對的，因此不是要走的路。我想知道是否有解決方案？使用HTML5

<input type="date"> 

Answer 1

嘗試這將保存需要驗證輸入模式。