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。

＆＃13;

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

＆＃13;

 <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)$">

＆＃13;

Answer 2

它应该是＆＃34; ^ [0-9] * $＆＃34;，为你的模式添加开始和结束指标

正则表达式模式应该只允许0到100之间的整数不允许小数点

2 个答案: