2017-07-07 94 views
0

这是我的日期选择器的HTML:JavaScript的验证和日期选择器

<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"> 

回答

-2

尝试这将保存需要验证输入模式。

+0

其实我会建议反对这取决于OP是想提供服务的浏览器。此外,您的答案实际上并不回答有关验证的问题。 – zfrisch

+0

@zfrisch那么什么浏览器好用这个呢? – John