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 相关文章推荐
用JavaScrpt实现文件夹简单轻松加密的实现方法图文
Sep 08 Javascript
js 中{},[]中括号,大括号使用详解
May 12 Javascript
js网页版计算器的简单实现
Jul 02 Javascript
基于jQuery实现以手风琴方式展开和折叠导航菜单
Jan 28 Javascript
JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法
Jan 20 Javascript
vue模板语法-插值详解
Mar 06 Javascript
JS检测是否可以访问公网服务器功能代码
Jun 19 Javascript
jQuery实现腾讯信用界面(自制刻度尺)样式
Aug 15 jQuery
Vue组件中slot的用法
Jan 30 Javascript
create-react-app 修改为多入口编译的方法
Aug 01 Javascript
如何将Node.js中的回调转换为Promise
Nov 10 Javascript
vue form表单post请求结合Servlet实现文件上传功能
Jan 22 Vue.js
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
综合图片计数器
2006/10/09 PHP
一个没有MYSQL数据库支持的简易留言本的编写
2006/10/09 PHP
用php代码限制国内IP访问我们网站
2015/09/26 PHP
PHP面向对象之里氏替换原则简单示例
2018/04/08 PHP
javascript不同页面传值的改进版
2008/09/30 Javascript
ymPrompt的doHandler方法来实现获取子窗口返回值的方法
2010/06/25 Javascript
JavaScript中几种常见排序算法小结
2011/02/22 Javascript
javascript学习笔记(十六) 系统对话框(alert、confirm、prompt)
2012/06/20 Javascript
Javascript刷新窗口方法小结
2015/10/21 Javascript
picLazyLoad 实现图片延时加载(包含背景图片)
2016/07/21 Javascript
简述JS控制台的使用
2018/07/15 Javascript
浅谈HTTP 缓存的那些事儿
2018/10/17 Javascript
JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果示例
2019/01/29 Javascript
jquery 验证用户名是否重复代码实例
2019/05/14 jQuery
JavaScript数组去重实现方法小结
2020/01/17 Javascript
Vue.js暴露方法给WebView的使用操作
2020/09/07 Javascript
[57:24]LGD vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python3.3教程之模拟百度登陆代码分享
2014/01/16 Python
Python安装使用命令行交互模块pexpect的基础教程
2016/05/12 Python
批量获取及验证HTTP代理的Python脚本
2017/04/23 Python
在Python 2.7即将停止支持时,我们为你带来了一份python 3.x迁移指南
2018/01/30 Python
django Serializer序列化使用方法详解
2018/10/16 Python
详解Python实现进度条的4种方式
2020/01/15 Python
python使用pyecharts库画地图数据可视化的实现
2020/03/25 Python
Python测试框架:pytest学习笔记
2020/10/20 Python
英格兰足协官方商店:England Store
2019/07/12 全球购物
香港连卡佛百货官网:Lane Crawford
2019/09/04 全球购物
精选干货:Java精选笔试题附答案
2014/01/18 面试题
机电一体化专业应届本科生求职信
2013/09/27 职场文书
机关门卫岗位职责
2013/12/30 职场文书
大专毕业自我鉴定
2014/02/04 职场文书
2014年社会实践活动总结范文
2014/04/29 职场文书
中学生检讨书范文
2014/11/03 职场文书
车间统计员岗位职责
2015/04/14 职场文书
婚礼父母致辞
2015/07/28 职场文书
莫言获奖感言(全文)
2015/07/31 职场文书