控制input只允许输入数字

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

原创最新推荐文章于 2024-07-03 11:46:28 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

js/jq/h5/cs3 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一种使用JavaScript控制HTML Input元素仅接受数字输入的方法。通过简单的代码实现，确保用户只能输入数字，适用于如商品数量选择等场景。

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

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

看了下京东和天猫；

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

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

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

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