一行js代码控制input只允许输入数字

好多时候我们是希望能设置input只能输入数字;
比如说商城选择商品数量;
比如说手机号等等;
看了下京东和天猫;
天猫选择商品数量是只能输入数字;
而且数量不能小于1;
白俊遥博客
反观京东;
连中文都是可以输入的;
不得不说;
细节上做的比天猫差远了;
白俊遥博客
当然重点不是要来吐槽;
下面就是用Js控制input只允许输入数字的代码;
在用到的时候可以直接拿走;
不用谢;
<iframe align="" frameborder="0" height="150" scrolling="no" src="http://www.baijunyao.com/Demo/just_number.html"></iframe>
代码如下:

此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">

白俊遥博客
请先登录后发表评论
  • latest comments
  • 总共20条评论
白俊遥博客

起风了 :淘宝上是中文状态下输进去的字母,鼠标移开以后再给去掉了白俊遥博客

2018-07-27 01:48:17 回复

白俊遥博客

起风了 :中文状态下按enter可以把字幕输进去

2018-07-27 01:43:03 回复

白俊遥博客

风三郎 白俊遥博客lihai 

2018-05-10 03:39:40 回复

白俊遥博客

Piece By Piece :涨zs了

2018-04-09 08:11:38 回复

白俊遥博客

Piece By Piece :123白俊遥博客

2018-04-09 08:12:51 回复

白俊遥博客

... :type=number 也行吧

2017-04-23 07:41:51 回复

白俊遥博客

沁雪澜 :不错,顶。

2017-04-19 02:19:20 回复

白俊遥博客

$ :我用搜狗输入法  中文模式下随便输入然后按shift  英文就进去了  我不是找茬的   白帅 别打我

2017-02-13 14:17:53 回复

白俊遥博客

吴伟祥 :最近在做表单验证!

2017-01-06 10:11:57 回复

白俊遥博客

吴伟祥 :还有如果我小数只限制最多两位小数呢?

2017-01-06 10:11:46 回复

白俊遥博客 白俊遥博客

云淡风晴 :需要加上对小数点的和位数的判断;那就不适合一行搞定了;

2017-01-07 03:02:20 回复

白俊遥博客

吴伟祥 :我还想输入小数呢?

2017-01-06 10:11:05 回复

白俊遥博客

吴伟祥 :我还想输入小数呢?

2017-01-06 10:11:04 回复

白俊遥博客

简简单单 :下面那个好像不对说好的1到9,必须是1开头

2016-10-17 09:29:32 回复

白俊遥博客 白俊遥博客

云淡风晴 :是有点表述不清楚;我改下;

2016-10-18 15:43:40 回复

白俊遥博客

NULL :不错

2016-05-01 08:39:40 回复

白俊遥博客

͡͡͡͡͡͡͡͡ :请问请问

2016-01-17 12:10:15 回复

白俊遥博客

一叶知秋 :请先登陆后发表评论

2016-01-17 02:51:42 回复

白俊遥博客

木祁2015 :不错

2015-10-04 06:28:13 回复

白俊遥博客

NULL :不错

2016-05-01 08:39:59 回复