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 escape,unescape解决中文乱码问题的方法
May 26 Javascript
JavaScript NaN和Infinity特殊值 [译]
Sep 20 Javascript
Javascript跨域请求的4种解决方式
Mar 17 Javascript
商城常用滚动的焦点图效果代码简单实用
Mar 28 Javascript
利用jq让你的div居中的好方法分享
Nov 21 Javascript
关于JS中prototype的理解
Sep 07 Javascript
jQuery Validate 校验多个相同name的方法
May 18 jQuery
AngularJS实现的生成随机数与猜数字大小功能示例
Dec 25 Javascript
vue裁切预览组件功能的实现步骤
May 04 Javascript
egg.js的基本使用和调用数据库的方法示例
May 18 Javascript
详解基于原生JS验证表单组件xy-form
Aug 20 Javascript
vue elementui tree 任意级别拖拽功能代码
Aug 31 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中使用sockets:从新闻组中获取文章
2006/10/09 PHP
文章推荐系统(二)
2006/10/09 PHP
PHP Session_Regenerate_ID函数双释放内存破坏漏洞
2011/01/27 PHP
php+ajax实现文章自动保存的方法
2014/12/30 PHP
php面向对象中static静态属性和静态方法的调用
2015/02/08 PHP
yii2.0数据库迁移教程【多个数据库同时同步数据】
2016/10/08 PHP
Linux基于php-fpm模式的lamp搭建phpmyadmin的方法
2018/10/25 PHP
键盘控制事件应用教程大全
2006/11/24 Javascript
javascript在一段文字中的光标处插入其他文字
2007/08/26 Javascript
JQuery中each()的使用方法说明
2010/08/19 Javascript
很好用的js日历算法详细代码
2013/03/07 Javascript
浅谈Javascript中匀速运动的停止条件
2014/12/19 Javascript
javascript面向对象之访问对象属性的两种方式分析
2015/01/13 Javascript
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
2017/02/08 Javascript
Vue实现动态显示textarea剩余字数
2017/05/22 Javascript
vue项目中引入noVNC远程桌面的方法
2018/03/05 Javascript
vue生成token并保存到本地存储中
2018/07/17 Javascript
angularjs 动态从后台获取下拉框的值方法
2018/08/13 Javascript
vue中动态添加class类名的方法
2018/09/05 Javascript
解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题
2018/09/27 Javascript
微信小程序之导航滑块视图容器功能的实现代码(简单两步)
2020/06/19 Javascript
[19:59]2014DOTA2国际邀请赛 IG战队纪录片
2014/08/07 DOTA
[31:47]夜魇凡尔赛茶话会 第三期01:选手知多少
2021/03/11 DOTA
Python ValueError: invalid literal for int() with base 10 实用解决方法
2015/06/21 Python
使用Python对SQLite数据库操作
2017/04/06 Python
Python 实现网页自动截图的示例讲解
2018/05/17 Python
numpy.ndarray 交换多维数组(矩阵)的行/列方法
2018/08/02 Python
python 如何停止一个死循环的线程
2020/11/24 Python
院药学专业个人求职信
2013/09/21 职场文书
3D空间设计学生找工作的自我评价
2013/10/28 职场文书
就业协议书范本
2014/04/11 职场文书
2014年维修工作总结
2014/11/22 职场文书
2014小学语文教师个人工作总结
2014/12/03 职场文书
教师个人教学总结
2015/02/11 职场文书
优秀员工自荐书
2015/03/06 职场文书
Python OpenGL基本配置方式
2022/05/20 Python