正規表現パターンは0から100までの整数だけ小数点を許可しないようにする必要があります

Question

私は入力ボックスを持っていますが、0から100までの値を許可する必要があります。次のように私が試した何を10、25、...などとしませ10.5,0.5 ...など

は次のとおりです。

<input id="discount" name="discount" placeholder="Discount" autocomplete="off" type="number" inputmode="numeric" pattern="[0-9]*" value="0" maxlength="2"> 

FIDDLE

はpattern="[0-9]*"を変更する必要があります。

私をご案内ください。

Answer 1

の開始と終了インジケータを追加し、「^ [0-9] * $」である必要があり、そうするための最良の方法は、供給することですminおよびmax属性また、100を許可する場合は、maxlengthを増やす必要があります。あなたの提案https://jsfiddle.net/x7kz3rqv/2/ごとにフィドルを更新

input#discount:invalid { 
 
    background-color: red; 
 
}

<input id="discount" name="discount" placeholder="Discount" 
 
     autocomplete="off" type="number" inputmode="numeric" 
 
     min="0" max="100" maxlength="3" 
 
     pattern="^([0-9]|[1-9][0-9]|100)$">

Answer 2

それはあなたが数値の範囲を制限しようとしている場合は、あなたのパターン