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 相关文章推荐
js文件缓存之版本管理详解
Jul 05 Javascript
使用jQuery时Form表单元素ID和name命名大忌
Mar 06 Javascript
JS获取和修改元素样式的实例代码
Aug 06 Javascript
AngularJS 整理一些优化的小技巧
Aug 18 Javascript
使用原生js写ajax实例(推荐)
May 31 Javascript
React组件之间的通信的实例代码
Jun 27 Javascript
微信小程序实现下载进度条的方法
Dec 08 Javascript
js限制input只能输入有效的数字(第一个不能是小数点)
Sep 28 Javascript
vue项目中全局引入1个.scss文件的问题解决
Aug 01 Javascript
使用VScode 插件debugger for chrome 调试react源码的方法
Sep 13 Javascript
ES6 proxy和reflect的使用方法与应用实例分析
Feb 15 Javascript
详解JS函数防抖
Jun 05 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 Smarty date_format [格式化时间日期]
2010/03/15 PHP
Yii2实现ajax上传图片插件用法
2016/04/28 PHP
Thinkphp5.0 框架的请求方式与响应方式分析
2019/10/14 PHP
phpQuery采集网页实现代码实例
2020/04/02 PHP
jQuery html()等方法介绍
2009/11/18 Javascript
jquery限制输入字数,并提示剩余字数实现代码
2012/12/24 Javascript
javascript实现模拟时钟的方法
2015/05/13 Javascript
javascript定义类和类的实现实例详解
2015/12/01 Javascript
javascript简单进制转换实现方法
2016/11/24 Javascript
jQuery中animate的几种用法与注意事项
2016/12/12 Javascript
详解bootstrap的modal-remote两种加载方式【强化】
2017/01/27 Javascript
微信小程序 动态绑定数据及动态事件处理
2017/03/14 Javascript
jquery实现一个全局计时器(商城可用)
2017/06/30 jQuery
JS运动改变单物体透明度的方法分析
2018/01/23 Javascript
微信小程序实现红包雨功能
2018/07/11 Javascript
基于vue.js实现购物车
2020/01/15 Javascript
[02:36]DOTA2上海特锦赛 回忆电竞生涯的重要瞬间
2016/03/25 DOTA
python利用elaphe制作二维条形码实现代码
2012/05/25 Python
Django页面数据的缓存与使用的具体方法
2019/04/23 Python
Python文本处理简单易懂方法解析
2019/12/19 Python
浅谈tensorflow 中tf.concat()的使用
2020/02/07 Python
Tensorflow 卷积的梯度反向传播过程
2020/02/10 Python
scrapy数据存储在mysql数据库的两种方式(同步和异步)
2020/02/18 Python
初中生期末评语大全
2014/04/24 职场文书
岗位职责说明书
2014/05/07 职场文书
教育局党的群众路线教育实践活动整改方案
2014/09/20 职场文书
学习三严三实心得体会
2014/10/13 职场文书
售房协议书范本2014
2014/10/23 职场文书
学生逃课检讨书
2015/02/17 职场文书
教师个人自我评价
2015/03/04 职场文书
查看nginx配置文件路径和资源文件路径的方法
2021/03/31 Servers
如何使用CocosCreator对象池
2021/04/14 Javascript
教你如何使用Python下载B站视频的详细教程
2021/04/29 Python
浅谈pytorch中的dropout的概率p
2021/05/27 Python
C3 线性化算法与 MRO之Python中的多继承
2021/10/05 Python
Java异常体系非正常停止和分类
2022/06/14 Java/Android