input框内校验只可以输入数字格式

最新推荐文章于 2023-10-17 15:24:21 发布

原创最新推荐文章于 2023-10-17 15:24:21 发布 · 2.9k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#input #数字

JS 同时被 2 个专栏收录

34 篇文章

订阅专栏

JSP

12 篇文章

订阅专栏

本文介绍如何使用HTML和JavaScript实现对输入框中数字的精确控制，包括仅允许输入整数、小数，限制小数位数，以及禁止以0开头的数字输入。通过具体的代码示例，读者可以了解到不同场景下对数字输入的有效限制方法。

只允许输入数字(整数：小数点不能输入)
<input type="number" name="chinese" maxlength="5" onkeyup="value=value.replace(/[^\d]/g,'')" >
允许输入小数(两位小数)
<input type="number" name="chinese" maxlength="5" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" >
允许输入小数(一位小数)
<input type="number" name="chinese" maxlength="5" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,1})?).*$/g, '$1')" >
开头不能为0，且不能输入小数
<input type="number" name="chinese" maxlength="5" onkeyup="value=value.replace(/[^\d]/g,'').replace(/^0{1,}/g,'')" >