html number输入框限制只能输入正整数或两位小数的正数

芃蓉蓁蓁

于 2023-02-10 15:10:26 发布

阅读量1k

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/weixin_45609759/article/details/128970445

版权

html 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

限制只能输入两位小数的正数：

<label class="col-xs-2 control-label">订单金额：</label>
<div class="col-xs-9">
     <input name="orderMoney" th:field="*{orderMoney}" class="form-control" type="number" onkeyup="this.value=/^[0-9]*\.?[0-9]{0,2}$/.test(this.value) ? this.value : this.value.substring(0,this.value.length-1)">
</div>

限制只能输入正整数：

<label class="col-xs-2 control-label">订单数量：</label>
<div class="col-xs-9">
    <input name="orderNum" th:field="*{orderNum}" class="form-control" type="number" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')">
</div>