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限制文本框只能输入数字方法小结
相关文章
这篇文章是JavaScript插件化开发系列教程的第五篇，还是着重于实战，通过具体的实例来学习jQuery的方式如何开发插件，有相同需求的小伙伴来参考下吧。2015-02-02
这篇文章主要介绍了JS实现时间校验的代码,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-05-05
在前几天做在线听歌的过程中，碰到了根据歌名获取播放地址和LRC文件内容的问题，今晚花了几个小时把接口整理了一下2009-06-06
Three.js利用Detector.js插件如何实现兼容性检测详解
这篇文章主要给大家介绍了关于Three.js利用Detector.js插件如何实现兼容性检测的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起看看吧。2017-09-09
本文介绍了 15 个非常强大的 JavaScript Web UI 库，非常适合各种各种规模的富 Web 应用的开发。2010-05-05
JavaScript中操作字符串是一个很重要的话题,下面这篇文章主要给大家介绍了关于javascript中字符串处理常用的方法,文中通过图文以及代码示例介绍的非常详细,需要的朋友可以参考下2024-03-03
这篇文章主要介绍了Javascript Web Worker使用过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-03-03
Proxy代理是JavaScript中一项强大而灵活的功能，它可以用于拦截、修改和自定义对象的底层操作，这篇文章主要介绍了JavaScript中的Proxy代理的各种用法和功能,需要的朋友可以参考下2023-06-06
在项目开发中遇到这样的需求，扫描二维码打开app如果用户没有这个app则提示它跳转，怎么实现呢？下面小编给大家分享通过扫描二维码打开app的实现代码，感兴趣的朋友参考下吧2016-11-11
这篇文章主要为大家详细介绍了微信小程序实现播放音频功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
最新评论