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 相关文章推荐
用函数式编程技术编写优美的 JavaScript_ibm
May 16 Javascript
javascript中常用编程知识
Apr 08 Javascript
javascript关于继承的用法汇总
Dec 20 Javascript
JavaScript转换二进制编码为ASCII码的方法
Apr 16 Javascript
AngularJS基础知识笔记之过滤器
May 10 Javascript
JavaScript 模块的循环加载实现方法
Dec 13 Javascript
javascript中利用柯里化函数实现bind方法【推荐】
Apr 29 Javascript
JS图片定时翻滚效果实现方法
Jun 21 Javascript
jQuery插件form-validation-engine正则表达式操作示例
Feb 09 Javascript
微信小程序实战之轮播图(3)
Apr 17 Javascript
JavaScript比较两个数组的内容是否相同(推荐)
May 02 Javascript
解决layui checkbox 提交多个值的问题
Sep 02 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+javascript液晶时钟
2006/10/09 PHP
PHP获取163、gmail、126等邮箱联系人地址【已测试2009.10.10】
2009/10/11 PHP
php中经典方法实现判断多维数组是否为空
2011/10/23 PHP
php使用递归计算文件夹大小
2014/12/24 PHP
学习php设计模式 php实现策略模式(strategy)
2015/12/07 PHP
php删除一个路径下的所有文件夹和文件的方法
2018/02/07 PHP
js 数组克隆方法 小结
2010/03/20 Javascript
javascript 保存文件到本地实现方法
2012/11/29 Javascript
Jquery的Tabs内容轮换效果实现代码,几行搞定
2014/02/12 Javascript
jquery如何扑捉回车键触发的事件
2014/04/24 Javascript
JavaScript限定图片显示大小的方法
2015/03/11 Javascript
理解JavaScript的变量的入门教程
2015/07/07 Javascript
11种ASP连接数据库的方法
2015/09/18 Javascript
实践中学习AngularJS表单
2016/03/21 Javascript
整理一些最近经常遇到的前端面试题
2017/04/25 Javascript
js 倒计时(高效率服务器时间同步)
2017/09/12 Javascript
bootstrap中selectpicker下拉框使用方法实例
2018/03/22 Javascript
WebSocket的通信过程与实现方法详解
2018/04/29 Javascript
Vue.js中的高级面试题及答案
2020/01/13 Javascript
如何使用JS console.log()技巧提高工作效率
2020/10/14 Javascript
Vue实现省市区三级联动
2020/12/27 Vue.js
[54:56]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第三局
2016/03/06 DOTA
Python+matplotlib实现华丽的文本框演示代码
2018/01/22 Python
python实现定时提取实时日志程序
2018/06/22 Python
基于Django ORM、一对一、一对多、多对多的全面讲解
2019/07/26 Python
django 自定义过滤器(filter)处理较为复杂的变量方法
2019/08/12 Python
自我鉴定范文300字
2013/10/01 职场文书
自我评价个人范文
2013/12/16 职场文书
课例研修方案
2014/05/31 职场文书
学校食品安全实施方案
2014/06/14 职场文书
ktv周年庆活动方案
2014/08/18 职场文书
教师自我剖析材料(群众路线)
2014/09/29 职场文书
观看禁毒宣传片后的感想
2015/08/11 职场文书
《进击的巨人》新联动CM 兵长强势出击兽巨人
2022/04/05 日漫
排查MySQL生产环境索引没有效果
2022/04/11 MySQL
MySQL的存储过程和相关函数
2022/04/26 MySQL