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下string.format函数补充
Aug 24 Javascript
JavaScript高级程序设计 阅读笔记(十七) js事件
Aug 14 Javascript
jquery动态增加text元素以及删除文本内容实例代码
Jul 01 Javascript
jquery获取radio值实例
Oct 16 Javascript
基于dropdown.js实现的两款美观大气的二级导航菜单
Sep 02 Javascript
D3.js实现直方图的方法详解
Sep 25 Javascript
深入理解选择框脚本[推荐]
Dec 13 Javascript
jQuery中on方法使用注意事项详解
Feb 15 Javascript
详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现
Mar 11 Javascript
js-FCC算法-No repeats please字符串的全排列(详解)
May 02 Javascript
关于vue.extend和vue.component的区别浅析
Aug 16 Javascript
OkHttp踩坑随笔为何 response.body().string() 只能调用一次
Jan 08 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创建多级目录代码
2008/06/05 PHP
PHP中实现生成静态文件的方法缓解服务器压力
2014/01/07 PHP
Laravel 5框架学习之表单验证
2015/04/08 PHP
PHP生成唯一订单号
2015/07/05 PHP
jQuery弹出层插件简化版代码下载
2008/10/16 Javascript
jQuery源码分析-03构造jQuery对象-源码结构和核心函数
2011/11/14 Javascript
关于Jquery操作Cookie取值错误的解决方法
2013/08/26 Javascript
jQuery插件jRumble实现网页元素抖动
2015/06/05 Javascript
node.js实现端口转发
2016/04/14 Javascript
浅谈jquery上下滑动的注意事项
2016/10/13 Javascript
jQuery鼠标事件总结
2016/10/13 Javascript
详解JavaScript时间处理之几个月前或几个月后的指定日期
2016/12/21 Javascript
支持移动端原生js轮播图
2017/02/16 Javascript
Cookies 和 Session的详解及区别
2017/04/21 Javascript
uploader秒传图片到服务器完整代码
2017/04/22 Javascript
ionic实现下拉刷新载入数据功能
2017/05/11 Javascript
使用prop解决一个checkbox选中后再次选中失效的问题
2017/07/05 Javascript
vue打包后显示空白正确处理方法
2017/11/01 Javascript
微信小程序canvas实现刮刮乐效果
2018/07/09 Javascript
微信小程序自定义对话框弹出和隐藏动画
2018/07/19 Javascript
vue中 数字相加为字串转化为数值的例子
2019/11/07 Javascript
Vue基础配置讲解
2019/11/29 Javascript
javascript执行上下文、变量对象实例分析
2020/04/25 Javascript
[03:54]Ehome出征西雅图 回顾2016国际邀请赛晋级之路
2016/08/02 DOTA
python NumPy ndarray二维数组 按照行列求平均实例
2019/11/26 Python
Python 中Operator模块的使用
2021/01/30 Python
HTML5 textarea高度自适应的两种方案
2020/04/08 HTML / CSS
墨西哥购物网站:Elektra
2020/01/21 全球购物
奥地利婴儿用品和玩具购物网站:baby-markt.at
2020/01/26 全球购物
法人任命书范本
2014/06/04 职场文书
不同意离婚代理词
2015/05/23 职场文书
代理词怎么写
2015/05/25 职场文书
教育教学读书笔记
2015/07/02 职场文书
辩论会主持词
2015/07/03 职场文书
React 高阶组件HOC用法归纳
2021/06/13 Javascript
Pandas实现批量拆分与合并Excel的示例代码
2022/05/30 Python