驗證HTML5輸入範圍

Question

如何爲html5輸入類型範圍添加驗證？ 它不應該是0.我如何添加警告消息，如其他html5輸入類型的默認驗證消息？

謝謝！

Answer 1

如果用戶按下您可以檢查與通過jQuery的事件監聽鍵和防止它的使用

$("input").addEventListener("keypress", function (evt) { 
     /*your condition*/ 
     if (evt.which == /*your keycode*/) 
     { 
      evt.preventDefault(); 
      alert(); /*you error message/code*/ 
     } 
    }); 

http://www.webonweboff.com/tips/js/event_key_codes.aspx

Answer 2

例子：<input type="number" size="6" name="age" min="18" max="99" value="21">

一些例子：HTML5 Validation Types

Answer 3

我會添加模式屬性：

pattern="[1-1000]" 

這需要1到1000

之間輸入的數字我也想補充：

required="required"