验证HTML5输入范围

时间:2014-04-11 13:10:45

标签: javascript html html5 forms range

如何为html5输入类型范围添加验证? 它不应该是0.如何添加警告消息,如其他html5输入类型的默认验证消息?

3 个答案:

答案 0 :(得分:1)

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

更多示例:HTML5 Validation Types

答案 1 :(得分:1)

我要添加模式属性:

pattern="[1-1000]"

这需要输入1到1000之间的数字

我还要补充一下:

required="required"

答案 2 :(得分:0)

您可以检查用户是否通过jquery使用eventlistener按键并阻止使用它

$("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