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对象的支持
Jul 25 Javascript
JQuery 小练习(实例代码)
Aug 07 Javascript
jQuery为iframe的body添加click事件的实现代码
Apr 07 Javascript
玩转jQuery按钮 请告诉我你最喜欢哪些?
Jan 08 Javascript
简单实用的全选反选按钮例子
Oct 18 Javascript
浅析Javascript中“==”与“===”的区别
Dec 23 Javascript
JavaScript面对国际化编程时的一些建议
Jun 24 Javascript
比较常见的javascript中定义函数的区别
Nov 09 Javascript
ionic js 模型 $ionicModal 可以遮住用户主界面的内容框
Jun 06 Javascript
基于Javascript实现文件实时加载进度的方法
Oct 12 Javascript
vue+iview 兼容IE11浏览器的实现方法
Jan 07 Javascript
Vue.js路由实现选项卡简单实例
Jul 24 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网站提速三大“软”招
2006/10/09 PHP
php Hex RGB颜色值互换的使用
2013/05/10 PHP
PHP 将数组打乱 shuffle函数的用法及简单实例
2016/06/17 PHP
PHP赋值的内部是如何跑的详解
2019/01/13 PHP
判断目标是否是window,document,和拥有tagName的Element的代码
2010/05/31 Javascript
JS扩展方法实例分析
2015/04/15 Javascript
Jquery日历插件制作简单日历
2015/10/28 Javascript
js实现图片缓慢放大缩小效果
2016/08/02 Javascript
详解vue 配合vue-resource调用接口获取数据
2017/06/22 Javascript
详解webpack的proxyTable无效的解决方案
2018/06/15 Javascript
Vue导出页面为PDF格式的实现思路
2018/07/31 Javascript
vue使用Sass时报错问题的解决方法
2020/10/14 Javascript
Django验证码的生成与使用示例
2017/05/20 Python
Python字符串处理实现单词反转
2017/06/14 Python
CentOS 7下安装Python 3.5并与Python2.7兼容并存详解
2017/07/07 Python
python监控linux内存并写入mongodb(推荐)
2017/09/11 Python
基于python的字节编译详解
2017/09/20 Python
Python中关键字global和nonlocal的区别详解
2018/09/03 Python
python linecache 处理固定格式文本数据的方法
2019/01/08 Python
简单了解python协程的相关知识
2019/08/31 Python
Windows下PyCharm2018.3.2 安装教程(图文详解)
2019/10/24 Python
学点简单的Django之第一个Django程序的实现
2021/02/24 Python
css3一个简易的 LED 数字时钟实现方法
2020/01/15 HTML / CSS
css3翻牌翻数字的示例代码
2020/02/07 HTML / CSS
详解HTML5之pushstate、popstate操作history,无刷新改变当前url
2017/03/15 HTML / CSS
html2canvas生成清晰的图片实现打印的示例代码
2019/09/30 HTML / CSS
英国领先的大码时装品牌之一:Elvi
2018/08/26 全球购物
Street One瑞士:德国现代时装公司
2019/10/09 全球购物
中专毕业个人的自荐信格式
2013/09/21 职场文书
历史学专业大学生找工作的自我评价
2013/10/16 职场文书
迎八一活动主题
2014/01/31 职场文书
责任书范本大全
2015/05/11 职场文书
初婚初育证明范本
2015/06/18 职场文书
同步小康驻村工作简报
2015/07/20 职场文书
高中班主任培训心得体会
2016/01/07 职场文书
创业不要错过,这4种餐饮新模式
2019/07/18 职场文书