一行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">

 白俊遥博客
请先登录后发表评论
  • 最新评论
  • 总共12条评论
 白俊遥博客

...:type=number 也行吧

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

 白俊遥博客

沁雪澜:不错,顶。

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

 白俊遥博客

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

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

 白俊遥博客

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

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

 白俊遥博客

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

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

 白俊遥博客
  • 云淡风晴 回复 吴伟祥:需要加上对小数点的和位数的判断;那就不适合一行搞定了;
  • 2017-01-07 11:02:20 回复
 白俊遥博客

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

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

 白俊遥博客

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

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

 白俊遥博客

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

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

 白俊遥博客
  • 云淡风晴 回复 简简单单:是有点表述不清楚;我改下;
  • 2016-10-18 23:43:40 回复
 白俊遥博客

G-C-X:不错

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

 白俊遥博客

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

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

 白俊遥博客

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

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

 白俊遥博客

木祁2015:不错

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

 白俊遥博客
  • G-C-X 回复 木祁2015:不错
  • 2016-05-01 16:39:59 回复
  • 本站使用自主开发的laravel-bjyblog开源博客程序搭建 © 2014-2017 baijunyao.com 版权所有 ICP证:豫ICP备14009546号-3
  • 联系邮箱:baijunyao@baijunyao.com