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 利用StringBuffer类提升+=拼接字符串效率
Nov 24 Javascript
JavaScript中两个感叹号的作用说明
Dec 28 Javascript
纯js实现遮罩层效果原理分析
May 27 Javascript
利用jquery制作滚动到指定位置触发动画
Mar 26 Javascript
js智能获取浏览器版本UA信息的方法
Aug 08 Javascript
如何学JavaScript?前辈的经验之谈
Dec 28 Javascript
JS中Safari浏览器中的Date
Jul 17 Javascript
JS库particles.js创建超炫背景粒子插件(附源码下载)
Sep 13 Javascript
打字效果动画的4种实现方法(超简单)
Oct 18 Javascript
使用3D引擎threeJS实现星空粒子移动效果
Sep 13 Javascript
vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能
Mar 01 Javascript
解决layer 关闭当前弹窗 关闭遮罩层 input值获取不到的问题
Sep 25 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
MySQL 日期时间函数常用总结
2012/06/12 PHP
PHP中spl_autoload_register()函数用法实例详解
2016/07/18 PHP
php使用 readfile() 函数设置文件大小大小的方法
2017/08/11 PHP
Jquery升级新版本后选择器的语法问题
2010/06/02 Javascript
formvalidator验证插件中有关ajax验证问题
2013/01/04 Javascript
jQuery图片的展开和收缩实现代码
2013/04/16 Javascript
JS替换文本域内的回车示例
2014/02/18 Javascript
基于zepto.js简单实现上传图片
2016/06/21 Javascript
js模糊查询实例分享
2016/12/26 Javascript
jQuery中Chosen三级联动功能实例代码
2017/03/07 Javascript
JS身份证信息验证正则表达式
2017/06/12 Javascript
微信通过页面(H5)直接打开本地app的解决方法
2017/09/09 Javascript
Vue.js中关于侦听器(watch)的高级用法示例
2018/05/02 Javascript
JS模拟实现哈希表及应用详解
2018/05/04 Javascript
javascript深拷贝、浅拷贝和循环引用深入理解
2018/05/27 Javascript
JavaScript+Canvas实现彩色图片转换成黑白图片的方法分析
2018/07/31 Javascript
element-ui使用导航栏跳转路由的用法详解
2018/08/22 Javascript
在Vue中获取组件声明时的name属性方法
2018/09/12 Javascript
Vue press 支持图片放大功能的实例代码
2018/11/09 Javascript
vue抽出组件并传值实例
2020/07/31 Javascript
基于vue项目设置resolves.alias: '@'路径并适配webstorm
2020/12/02 Vue.js
[03:40]DOTA2抗疫特别篇《英雄年代》
2020/02/28 DOTA
Python SQLite3简介
2018/02/22 Python
python中struct模块之字节型数据的处理方法
2019/08/27 Python
正规的求职信范文分享
2013/12/11 职场文书
校长就职演讲稿
2014/01/06 职场文书
关于逃课的检讨书
2014/01/23 职场文书
本科毕业自我鉴定
2014/03/20 职场文书
网上祭先烈心得体会
2014/09/01 职场文书
综合素质自我评价怎么写
2014/09/14 职场文书
财务助理岗位职责范本
2014/10/09 职场文书
2015年秘书个人工作总结
2015/04/25 职场文书
中学社团活动总结
2015/05/07 职场文书
初中政治教学反思
2016/02/23 职场文书
MySQL 常见的数据表设计误区汇总
2021/06/07 MySQL
根德5570型九灯四波段立体声收音机是电子管收音机的楷模 ? 再论5570
2022/04/05 无线电