javascript控制input只允许输入数字

Posted 白俊遥博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript控制input只允许输入数字相关的知识,希望对你有一定的参考价值。

好多时候我们是希望能设置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">

 

以上是关于javascript控制input只允许输入数字的主要内容,如果未能解决你的问题,请参考以下文章

javascript判断input框只能输入数字的方法

input中 type=number 的文本框(数字框) 去掉箭头 且不能输入e和标点符号

input只允许输入数字和小数

javascript正则处理控件输入数字

javascript input只输入数字和字母

JavaScript控制input仅能输入数字