js限制输入框只能输入数字(onkeyup触发)
更新时间：2018年09月28日 16:27:45 投稿：mdxy-dxy
这篇文章主要介绍了通过js实现input输入框只能输入数字的实现方法，主要是通过正则表达式替换实现,需要的朋友可以参考下
例子：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限制文本框只能输入数字方法小结
相关文章
本篇文章主要介绍了微信小程序-滚动消息通知的实例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
这篇文章主要为大家详细介绍了JS实现京东商品分类侧边栏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
解决layui数据表格Date日期格式的回显Object的问题
今天小编就为大家分享一篇解决layui数据表格Date日期格式的回显Object的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
前端开发过程中经常需要判断浏览器的版本，达到同时兼容多个浏览器的目的，下面有两种不错的常用方法：jquery及HTML中的注释，喜欢的朋友可以参考下2013-10-10
网页缓存文件批量改名工具...2006-10-10
这篇文章主要为大家详细介绍了JS实现简易留言板，节点进行操作，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
这篇文章主要给大家介绍了关于JavaScript中while循环的基础使用教程，文中通过示例代码介绍的非常详细，对大家学习或者使用JavaScript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2020-08-08
Bootstrap导航菜单点击后无法自动添加active的处理方法
今天小编就为大家分享一篇Bootstrap导航菜单点击后无法自动添加active的处理方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
这篇文章主要给大家介绍了关于javascript中闭包closure的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-03-03
这篇文章主要介绍了JS实现简易图片轮播效果的方法,实例分析了javascript操作图片实现轮播特效的技巧,需要的朋友可以参考下2015-03-03
最新评论