最小および最大範囲の入力タイプ番号の妥当性確認

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

あなたはそれが必要なようにしたい場合は、入力制御に必要なフィールドを追加することができます。