jqueryMobile日期框和webshim + checkValidity()

时间:2013-06-20 11:18:57

标签: javascript jquery-mobile datebox webshim

我正在使用datebox,如果没有任何值,我希望对我的输入进行一些验证。

<input name="fromDate" id="fromDate" type="date" data-role="datebox" required = "" data-errormessage="error">

我正在使用webshim,如果我删除data-role="datebox",它会很有效。 他们有什么方法可以使用datebox吗?

1 个答案:

答案 0 :(得分:2)

这是HTML5表单验证的日期框问题。 datebox将输入设置为readonly,这意味着在HTML(5)中,该字段不应被验证(willValidate = false)。如果删除readonly属性或将readOnly属性设置为false,它将再次起作用。

为什么不使用webshims的datepicker(请参阅一些变体:http://jsfiddle.net/trixta/VNuct/)。

$.webshims.polyfill('forms forms-ext');

如果你使用type =“date”,你不应该使用datebox,除非你让它更兼容HTML5(即总是yyyy-mm-dd格式等等)

最好的事情是:您可以在所有桌面浏览器中替换UI,并将本机实现保留在现代移动浏览器中,这意味着下载和执行的代码更少。 (当然,如果你愿意的话,你可以随时使用可设置样式的日期选择器。)

如果您需要webshims的日期选择器的特定功能,请告诉我。