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 相关文章推荐
Prototype使用指南之base.js
Jan 10 Javascript
nw.js实现类似微信的聊天软件
Mar 16 Javascript
jquery实现简单实用的打分程序实例
Jul 23 Javascript
JS实现网页游戏中滑块响应鼠标点击移动效果
Oct 19 Javascript
JavaScript的removeChild()函数用法详解
Dec 27 Javascript
JavaScript的String字符串对象常用操作总结
May 26 Javascript
利用JQuery直接调用asp.net后台的简单方法
Oct 27 Javascript
JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome
Jan 05 Javascript
JS及JQuery对Html内容编码,Html转义
Feb 17 Javascript
详解jquery选择器的原理
Aug 01 jQuery
vue 导航内容设置选中状态样式的例子
Nov 01 Javascript
VUE和Antv G6实现在线拓扑图编辑操作
Oct 28 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 采集获取指定网址的内容
2010/01/05 PHP
PHP同时连接多个mysql数据库示例代码
2014/03/17 PHP
javascript中encodeURI和decodeURI方法使用介绍
2013/05/06 Javascript
js禁止页面刷新禁止用F5键刷新禁止右键的示例代码
2013/09/23 Javascript
解析JavaScript中delete操作符不能删除的对象
2013/12/03 Javascript
手机端网页点击链接触发自动拨打或保存电话的示例代码
2014/08/15 Javascript
javascript实现方法调用与方法触发小结
2016/03/26 Javascript
详解jQuery UI库中文本输入自动补全功能的用法
2016/04/23 Javascript
浅谈jQuery中事情的动态绑定
2017/02/12 Javascript
JS实现左边列表移到到右边列表功能
2018/03/28 Javascript
深入理解js 中async 函数的含义和用法
2018/05/13 Javascript
关于微信小程序bug记录与解决方法
2018/08/15 Javascript
微信小程序拍照和摄像功能实现方法示例
2019/02/01 Javascript
layer实现弹出层自动调节位置
2019/09/05 Javascript
vue实现element表格里表头信息提示功能(推荐)
2019/11/20 Javascript
js实现消灭星星(web简易版)
2020/03/24 Javascript
[04:11]2014DOTA2国际邀请赛 CIS遗憾出局梦想不灭
2014/07/09 DOTA
python封装对象实现时间效果
2020/04/23 Python
Django集成百度富文本编辑器uEditor攻略
2014/07/04 Python
python操作列表的函数使用代码详解
2017/12/28 Python
python机器学习理论与实战(四)逻辑回归
2018/01/19 Python
Windows下的Jupyter Notebook 安装与自定义启动(图文详解)
2018/02/21 Python
浅谈Python Opencv中gamma变换的使用详解
2018/04/02 Python
python中正则表达式 re.findall 用法
2018/10/23 Python
Python Tkinter 简单登录界面的实现
2019/06/14 Python
Nike加拿大官网:Nike.com (CA)
2019/04/09 全球购物
自考生自我评价分享
2014/01/18 职场文书
公司建议书怎么写
2014/05/15 职场文书
大学生学习面向未来的赶考思想汇报
2014/09/12 职场文书
2015届本科毕业生自我鉴定
2014/09/27 职场文书
政风行风整改方案
2014/10/25 职场文书
2014年街道办事处工作总结
2014/12/11 职场文书
六年级学生期末评语
2014/12/26 职场文书
活动经费申请报告
2015/05/15 职场文书
不负正版帝国之名 《重返帝国》引领SLG手游制作新的标杆
2022/04/07 其他游戏
Golang 1.18 多模块Multi-Module工作区模式的新特性
2022/04/11 Golang