onkeyup限制输入框只能输入数字

JS数字输入限制

最新推荐文章于 2025-09-17 17:43:42 发布

原创最新推荐文章于 2025-09-17 17:43:42 发布 · 5.9w 阅读

19 ·

CC 4.0 BY-SA版权

文章标签：

#js限制输入数字

javascript 同时被 2 个专栏收录

87 篇文章

订阅专栏

常用正则表达式

2 篇文章

订阅专栏

本文介绍如何使用JavaScript限制输入框仅能输入数字，并提供了一个优化方案，解决了用户在修改已输入的数字串时遇到的问题。此外，还列举了多个与数字处理相关的实用技巧。

例子：html代码

<input type="text" name="" id="box" />

通常都直接用：

<input type="text" name="" id="box" onkeyup="value=value.replace(/[^\d]/g,'')"/>

以上的缺点是，当你正确输入的是一串数字后，想用光标移动到前面修改其中的一个数字，发现移不动，所以就显示了下面的方法的好处

其实加个if更加和谐：

$('input#box').keyup(function(){
            var c=$(this);
            if(/[^\d]/.test(c.val())){//替换非数字字符
              var temp_amount=c.val().replace(/[^\d]/g,'');
              $(this).val(temp_amount);
            }
         })

js处理数字相关文章：

onkeyup限制输入框只能输入数字

移动端手机网站限制input只能输入数字

toFixed方法重写，toFixed四舍五入在数值很小时的精度问题

js处理数字保留2位小数，强制保留2位小数不够补上.00

数字格式化，格式数字保留2位小数点，格式数字自定义保留n位小数点

js数字金额大写转换

数字格式化相关文章：

数字格式化，格式数字保留2位小数点，格式数字自定义保留n位小数点

数字格式化为金额格式（3位一个逗号隔开）如：100,000.00

js 填写银行卡号时，每4个数字用空格隔开

js限制数字相关文章：

onkeyup限制输入框只能输入数字

js 填写银行卡号时，每4个数字用空格隔开

常用正则表达式

js限制input只能输入有效的数字，有且只有一个小数点，第一个不能为小数点