js限制输入框只能输入数字(onkeyup触发)


Posted in Javascript onSeptember 28, 2018

例子:html代码

<input type="text" name="" id="box" />

通常都直接用:

<input type="text" name="" id="box" onkeyup="value=value.replace(/[^\d]/g,'')"/>

以上的缺点是,当你正确输入的是一串数字后,想用光标移动到前面修改其中的一个数字,发现移不动,所以就显示了下面的方法的好处

其实加个if更加和谐:

$('input#box').keyup(function(){
   var c=$(this);
   if(/[^\d]/.test(c.val())){//替换非数字字符
    var temp_amount=c.val().replace(/[^\d]/g,'');
    $(this).val(temp_amount);
   }
   })

上面的函数使用了jquery的选择器,大家注意别忘了需要加载jquery。jquery下载

更多的功能可以参考这篇文章:js限制文本框只能输入数字方法小结

Javascript 相关文章推荐
THREE.JS入门教程(6)创建自己的全景图实现步骤
Jan 25 Javascript
JavaScript中的document.referrer在各种浏览器测试结果
Jul 18 Javascript
jquery ajax请求方式与提示用户正在处理请稍等
Sep 01 Javascript
jQuery前端分页示例分享
Feb 10 Javascript
JQuery中DOM加载与事件执行实例分析
Jun 13 Javascript
第三篇Bootstrap网格基础
Jun 21 Javascript
Vue2.0用户权限控制解决方案的示例
Feb 10 Javascript
vue2.0模拟锚点的实例
Mar 14 Javascript
vue指令之表单控件绑定v-model v-model与v-bind结合使用
Apr 17 Javascript
vue项目中使用eslint+prettier规范与检查代码的方法
Jan 16 Javascript
jQuery实现异步上传一个或多个文件
Aug 17 jQuery
原生Js 实现的简单无缝滚动轮播图的示例代码
May 10 Javascript
js限制input只能输入有效的数字(第一个不能是小数点)
Sep 28 #Javascript
js实现点击展开隐藏效果(实例代码)
Sep 28 #Javascript
javascript中toFixed()四舍五入使用方法详解
Sep 28 #Javascript
对vue中v-if的常见使用方法详解
Sep 28 #Javascript
总结javascript三元运算符知识点
Sep 28 #Javascript
2种在vue项目中使用百度地图的简单方法
Sep 28 #Javascript
实例分析vue循环列表动态数据的处理方法
Sep 28 #Javascript
You might like
PHP session_start()问题解疑(详细介绍)
2013/07/05 PHP
使用php的HTTP请求的库Requests实现美女图片墙
2015/02/22 PHP
Linux系统递归生成目录中文件的md5的方法
2015/06/29 PHP
详解PHP安装mysql.so扩展的方法
2016/12/31 PHP
php实现微信模拟登陆、获取用户列表及群发消息功能示例
2017/06/28 PHP
jQuery中事件对象e的事件冒泡用法示例介绍
2014/04/25 Javascript
JavaScript将取代AppleScript?
2014/09/18 Javascript
JS判断是否360安全浏览器极速内核的方法
2015/01/29 Javascript
jquery实现顶部向右伸缩的导航区域代码
2015/09/02 Javascript
高性能JavaScript循环语句和条件语句
2016/01/20 Javascript
javascript类型系统_正则表达式RegExp类型详解
2016/06/24 Javascript
js获取浏览器和屏幕的各种宽度高度
2017/02/22 Javascript
js中删除数组中的某一元素实例(无下标时)
2017/02/28 Javascript
jQuery为某个div加入行样式
2017/06/09 jQuery
vue-cli如何引入bootstrap工具的方法
2017/10/19 Javascript
深入理解移动前端开发之viewport
2018/10/19 Javascript
微信小程序实现登录注册tab切换效果
2020/12/29 Javascript
JavaScript ES6中的简写语法总结与使用技巧
2018/12/30 Javascript
Easyui 去除jquery-easui tab页div自带滚动条的方法
2019/05/10 jQuery
Angular 中使用 FineReport不显示报表直接打印预览
2019/08/21 Javascript
[37:50]VP vs TNC Supermajor小组赛B组 BO3 第一场 6.2
2018/06/03 DOTA
[03:13]DOTA2-DPC中国联赛1月25日Recap集锦
2021/03/11 DOTA
Python实现的网页截图功能【PyQt4与selenium组件】
2018/07/12 Python
解决python super()调用多重继承函数的问题
2019/06/26 Python
python中的&amp;&amp;及||的实现示例
2019/08/07 Python
使用tensorflow显示pb模型的所有网络结点方式
2020/01/23 Python
python 邮件检测工具mmpi的使用
2021/01/04 Python
CSS3 media queries + jQuery实现响应式导航
2016/09/30 HTML / CSS
HTML5混合开发二维码扫描以及调用本地摄像头
2017/12/27 HTML / CSS
Calphalon美国官网:美国顶级锅具品牌
2020/02/05 全球购物
大学生自我评价范文
2015/03/03 职场文书
小学生2015教师节演讲稿
2015/03/19 职场文书
人事任命通知
2015/04/20 职场文书
2015财务年度工作总结范文
2015/05/04 职场文书
2016道德模范先进事迹材料
2016/02/26 职场文书
2016年安全生产先进个人事迹材料
2016/02/29 职场文书