javascript控制input只允许输入数字

最新推荐文章于 2024-07-03 11:46:28 发布

白俊遥

最新推荐文章于 2024-07-03 11:46:28 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/bai9474500755/article/details/51059497

本文介绍了一种使用JavaScript控制HTML Input元素仅接受数字输入的方法。通过简单的代码实现，确保用户只能输入0-9的数字，并提供了两个示例：一个允许0-9之间的数字输入，另一个则限制输入范围为1-9。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

好多时候我们是希望能设置input只能输入数字；比如说商城选择商品数量；比如说手机号等等；

看了下京东和天猫；

天猫选择商品数量是只能输入数字；而且数量不能小于1；

白俊遥博客

反观京东；连中文都是可以输入的；不得不说；细节上做的比天猫差远了；

白俊遥博客

当然重点不是要来吐槽；下面就是用Js控制input只允许输入数字的代码；在用到的时候可以直接拿走；不用谢；

代码如下：

此input只允许输入0-9的数字：<input onkeyup="if(event.keyCode !=37 && event.keyCode != 39)value=value.replace(/\D/g,'')"><br><br>
此input只允许输入1-9的数字：<input onkeyup="if(event.keyCode !=37 && event.keyCode != 39)value=value.replace(/\D/g,'');if(value==0)value=1;" value="1">