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