獲得一個HTML5數字輸入

Question

我使用新的HTML5輸入類型之一的值，number：

<input type="number" /> 

在Opera中，這是唯一的桌面瀏覽器，我知道的目前承認它，它呈現爲這樣：

我現在面臨的問題是驗證中的一個。如果用戶在字段中輸入了無效的內容，例如：「abc」，則myInput.value返回的值爲空字符串。這使得無法判斷用戶是否將該字段留空或者他們輸入了一些不正確的數據。有什麼方法可以獲得該領域的真正價值？

Answer 1

的HTML5草案定義：

值消毒算法如下：如果該元素的值不是有效的浮點數，然後將其設置爲空字符串來代替。

Reference¹

我想你必須使用的「0」的默認值，以確保該領域被原封不動或者如果事情是無效的進入，因爲似乎有區分沒有明顯的方式二。

讀了驗證規格和一些測試（在Opera 10.54）後，我得出的結論是：

<input id="email" type="email" value="blah"> 
document.getElementById("email").validity.typeMismatch // True 

不上<input type="number">工作。不知道是否應該這樣做，或者這是一項正在進行的工作。該屬性確實存在，但它總是返回False。

Read more²

您還可以設置自定義的驗證方法Reference³