對最小和最大範圍的輸入類型編號進行驗證

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(); 
    } 
    }); 

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