对最小和最大范围的输入类型编号进行验证

Question

我想验证输入类型编号是否跨越范围。

<input type="number" min="-10" max="10" required="true" message="you can give score -10 to +10 only"> 

我试过required = true但不工作我想说明，如果该值超过该范围显示消息像你能给得分-10 to +10只有

我想允许而进入本身，而不是提交时。

我该怎么做..？

Answer 1

你可以看看我创建的这个jsfiddle。 https://jsfiddle.net/6bkws7zd/

HTML

<input id="txtNumber" type="number" message="you can give score -10 to +10 only" /> 
<span id="errorMsg" style="display:none;">you can give score -10 to +10 only</span> 

jQuery的

$("#txtNumber").keyup(function() { 
    if($('#txtNumber').val()<-10 || $('#txtNumber').val()>10){ 
     $('#errorMsg').show(); 
    } 
    else{ 
    $('#errorMsg').hide(); 
    } 
    }); 

可以必填字段添加到输入控件，如果你想让它要求。