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 相关文章推荐
网页里控制图片大小的相关代码
Jun 13 Javascript
JavaScript进阶教程(第四课第一部分)
Apr 05 Javascript
防止jQuery ajax Load使用缓存的方法小结
Feb 22 Javascript
Bootstrap选项卡与Masonry插件的完美结合
Jul 06 Javascript
前端微信支付js代码
Jul 25 Javascript
Jquery删除css属性的简单方法
Dec 04 Javascript
解决vue中使用Axios调用接口时出现的ie数据处理问题
Aug 13 Javascript
JS尾递归的实现方法及代码优化技巧
Jan 19 Javascript
ES6基础之展开语法(Spread syntax)
Feb 21 Javascript
详解微信小程序之提高应用速度小技巧
Jan 07 Javascript
vue element 关闭当前tab 跳转到上一路由操作
Jul 22 Javascript
JavaScript阻止事件冒泡的方法
Dec 06 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函数spl_autoload_register()用法和__autoload()介绍
2012/02/04 PHP
试用php中oci8扩展
2015/06/18 PHP
thinkPHP多域名情况下使用memcache方式共享session数据的实现方法
2016/07/21 PHP
laravel Task Scheduling(任务调度)在windows下的使用详解
2019/10/22 PHP
一页面多XMLHttpRequest对象
2007/01/22 Javascript
jquery 插件开发备注
2010/08/27 Javascript
Js组件的一些写法
2010/09/10 Javascript
jQuery中:gt选择器用法实例
2014/12/29 Javascript
详解JS面向对象编程
2016/01/24 Javascript
js插件dropload上拉下滑加载数据实例解析
2016/07/27 Javascript
jQuery Checkbox 全选 反选的简单实例
2016/11/29 Javascript
详解JavaScript模块化开发
2016/12/04 Javascript
JavaScript常见的五种数组去重的方式
2016/12/15 Javascript
移动端日期插件Mobiscroll.js使用详解
2016/12/19 Javascript
js实现功能比较全面的全选和多选
2017/03/02 Javascript
JS和jQuery通过this获取html标签中的属性值(实例代码)
2017/09/11 jQuery
使用live-server快速搭建本地服务器+自动刷新的方法
2018/03/09 Javascript
VUE中V-IF条件判断改变元素的样式操作
2020/08/09 Javascript
jQuery实现日历效果
2020/09/11 jQuery
Python中使用装饰器和元编程实现结构体类实例
2015/01/28 Python
使用Python装饰器在Django框架下去除冗余代码的教程
2015/04/16 Python
Scrapy抓取京东商品、豆瓣电影及代码分享
2017/11/23 Python
Python函数any()和all()的用法及区别介绍
2018/09/14 Python
python查看模块,对象的函数方法
2018/10/16 Python
python 删除字符串中连续多个空格并保留一个的方法
2018/12/22 Python
python使用Matplotlib改变坐标轴的默认位置
2019/10/18 Python
Python 实现打印单词的菱形字符图案
2020/04/12 Python
pycharm配置QtDesigner的超详细方法
2021/01/25 Python
巴西最好的男鞋:Rafarillo
2018/05/25 全球购物
医学生实习自荐信
2013/10/01 职场文书
模具专业自荐信
2014/05/29 职场文书
2014年全国爱牙日宣传活动方案
2014/09/21 职场文书
质监局领导班子对照检查材料思想汇报
2014/09/27 职场文书
办护照工作证明
2014/10/01 职场文书
老干部座谈会主持词
2015/07/03 职场文书
Linux中各个目录的作用与内容
2022/06/28 Servers