一行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">本文为白俊遥原创文章,转载无需和我联系,但请注明来自白俊遥博客https://baijunyao.com 欢迎捐赠赞赏加入组织创建QQ群及捐赠渠道
- 上一篇： 推荐开发工具系列之--Clover(文件浏览器)
- 下一篇： 生成多个不重复的随机数字php
- latest comments
- 总共20条评论
起风了 ：淘宝上是中文状态下输进去的字母，鼠标移开以后再给去掉了
2018-07-27 09:48:17 回复
起风了 ：中文状态下按enter可以把字幕输进去
2018-07-27 09:43:03 回复
风三郎 ：
lihai
2018-05-10 11:39:40 回复
Piece By Piece ：涨zs了
2018-04-09 16:11:38 回复
Piece By Piece ：123
2018-04-09 16:12:51 回复
... ：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 回复
NULL ：不错
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 回复
NULL ：不错
2016-05-01 16:39:59 回复
最新评论