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 相关文章推荐
jquery ui dialog实现弹窗特效的思路及代码
Aug 03 Javascript
javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法
Apr 12 Javascript
IE及IE6浏览器中判断JS文件加载成功失败的方法
Feb 18 Javascript
jquery实现的蓝色二级导航条效果代码
Aug 24 Javascript
JAVASCRIPT代码编写俄罗斯方块网页版
Nov 26 Javascript
Bootstrap弹出框modal上层的输入框不能获得焦点问题的解决方法
Dec 13 Javascript
vue-router动态设置页面title的实例讲解
Aug 30 Javascript
jQuery基于随机数解决中午吃什么去哪吃问题示例
Dec 29 jQuery
JavaScript中的一些实用小技巧总结
Apr 07 Javascript
Vue在 Nuxt.js 中重定向 404 页面的方法
Apr 23 Javascript
微信小程序实现时间进度条功能
Nov 17 Javascript
React Hooks 实现和由来以及解决的问题详解
Jan 17 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
隐藏X-Space个人空间下方版权方法隐藏X-Space个人空间标题隐藏X-Space个人空间管理版权方法
2007/02/22 PHP
php 正则 过滤html 的超链接
2009/06/02 PHP
如何解决CI框架的Disallowed Key Characters错误提示
2013/07/05 PHP
通过PHP实现获取访问用户IP
2020/05/09 PHP
javascript两种function的定义介绍及区别说明
2013/05/02 Javascript
js中的for如何实现foreach中的遍历
2014/05/31 Javascript
字符串反转_JavaScript
2016/04/28 Javascript
[原创]Javascript 实现广告后加载 可加载百度谷歌联盟广告
2016/05/11 Javascript
BootStrap中的表单大全
2016/09/07 Javascript
jQuery实现大图轮播
2017/02/13 Javascript
原生js实现可拖拽效果
2017/02/28 Javascript
Three.js开发实现3D地图的实践过程总结
2017/11/20 Javascript
JavaScript中的高级函数
2018/01/04 Javascript
JavaScript 2018 中即将迎来的新功能
2018/09/21 Javascript
webpack打包nodejs项目的方法
2018/09/26 NodeJs
ajax与jsonp的区别及用法
2018/10/16 Javascript
Javascript实现一朵从含苞到绽放的玫瑰
2019/03/30 Javascript
Layui带搜索的下拉框的使用以及动态数据绑定方法
2019/09/28 Javascript
vue mvvm数据响应实现
2020/11/11 Javascript
python的即时标记项目练习笔记
2014/09/18 Python
Python中类的初始化特殊方法
2017/12/01 Python
django站点管理详解
2017/12/12 Python
利用python的socket发送http(s)请求方法示例
2018/05/07 Python
python中嵌套函数的实操步骤
2019/02/27 Python
Python判断两个文件是否相同与两个文本进行相同项筛选的方法
2019/03/01 Python
Python selenium爬取微信公众号文章代码详解
2020/08/12 Python
python PyAUtoGUI库实现自动化控制鼠标键盘
2020/09/09 Python
python之pygame模块实现飞机大战完整代码
2020/11/29 Python
日本最新流行服饰网购:Nissen
2016/07/24 全球购物
Nip + Fab官网:英国美容品牌
2019/08/26 全球购物
农药学硕士毕业生自荐信
2013/09/25 职场文书
关于安全的标语
2014/06/10 职场文书
辞职信的写法
2015/02/27 职场文书
廉洁自律承诺书范文
2015/04/28 职场文书
《藏戏》教学反思
2016/02/23 职场文书
CSS3 制作的图片滚动效果
2021/04/14 HTML / CSS