javascript - webshims 在提交时验证 000-00-00 日期

Question

我想用这样的空值验证输入日期

<input type="date" value="0000-00-00" id="date" />

提交时，我有一条逻辑消息“请输入日期”。

我发现了类似http://jsfiddle.net/trixta/zRGd9/embedded/result,html,js,css/的东西。如果你知道怎么做，这里有一个示例http://jsfiddle.net/zRGd9/24/

Answer 1

这根本不是一个日期，根据浏览器的实现，这个值要么被清空，要么被认为是 badInput 或 typeMismatch。

如果你想使用它，你有以下选项：

1. 自己严格清空：

$('input[type="date"]') .on('change.empty', function () { var val = $.prop(this, 'value'); if (!val || val == '0000-00-00') { $.prop(this, 'value', ''); } }) .trigger('change.empty') ;

1. 设置 novalidate 属性：

```

<form novalidate="">
       <!-- ... -->
</form>

1. 如果您还想允许无效日期，请使用不同的输入：

```

<input type="number" min="0" max="31" /> 
<input type="number" min="0" max="12" />
<input type="number" min="0" max="9999" />