正則表達式應該只允許從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

如果你想限制一個數字範圍，這樣做最好的方法是提供min和max屬性。另外，如果您希望允許100，則需要增加maxlength。

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

它應該是「^ [0-9] * $」，添加開始和結束指示燈爲您的模式