正则表达式应该只允许从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] * $”，添加开始和结束指示灯为您的模式