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高级程序设计 阅读笔记(四) ECMAScript中的类型转换
Feb 27 Javascript
artdialog的图片/标题以及关闭按钮不显示的解决方法
Jun 27 Javascript
使用js正则控制input标签只允许输入的值
Jul 29 Javascript
JavaScript调试技巧之console.log()详解
Mar 19 Javascript
JavaScript函数详解
Feb 27 Javascript
jQuery简单tab切换效果实现方法
Apr 08 Javascript
Javascript使用SWFUpload进行多文件上传
Nov 16 Javascript
js代码实现下拉菜单【推荐】
Dec 15 Javascript
xmlplus组件设计系列之路由(ViewStack)(7)
May 02 Javascript
详解如何构建Angular项目目录结构
Jul 13 Javascript
seajs和requirejs模块化简单案例分析
Aug 26 Javascript
vue实现登录、注册、退出、跳转等功能
Dec 23 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
PHP中调用JAVA
2006/10/09 PHP
PHP开发文件系统实例讲解
2006/10/09 PHP
phpMyAdmin 安装教程全攻略
2007/03/19 PHP
PHP和Mysqlweb应用开发核心技术 第1部分 Php基础-1 开始了解php
2011/07/03 PHP
php 解析xml 的四种方法详细介绍
2016/10/26 PHP
Laravel学习教程之request validation的编写
2017/10/25 PHP
Laravel 错误提示本地化的实现
2019/10/22 PHP
js form action动态修改方法
2008/11/04 Javascript
Javascript 两个窗体之间传值实现代码
2009/09/25 Javascript
jquery 注意事项与常用语法小结
2010/06/07 Javascript
JS自定义功能函数实现动态添加网址参数修改网址参数值
2013/08/02 Javascript
NodeJS与Mysql的交互示例代码
2013/08/18 NodeJs
javascript进行数组追加方法小结
2014/06/16 Javascript
javascript实现微信分享
2014/12/23 Javascript
简单谈谈node.js 版本控制 nvm和 n
2015/10/15 Javascript
浅谈JavaScript中的分支结构
2016/07/01 Javascript
ES6使用let命令更简单的实现块级作用域实例分析
2017/03/31 Javascript
Angular js 实现添加用户、修改密码、敏感字、下拉菜单的综合操作方法
2017/10/24 Javascript
JavaScript获取移动设备型号的实现代码(JS获取手机型号和系统)
2018/03/10 Javascript
微信小程序实现蒙版弹窗效果
2018/11/01 Javascript
vue element 关闭当前tab 跳转到上一路由操作
2020/07/22 Javascript
[41:17]VG vs Optic 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python socket.error: [Errno 98] Address already in use的原因和解决方法
2014/08/25 Python
Python3网络爬虫之使用User Agent和代理IP隐藏身份
2017/11/23 Python
Python实现的txt文件去重功能示例
2018/07/07 Python
tensorflow 实现自定义layer并添加到计算图中
2020/02/04 Python
python实现马丁策略的实例详解
2021/01/15 Python
Mytheresa中国官网:德国时尚奢侈品商城
2017/08/04 全球购物
软件生产职位结构化面试主要考察要素及面试题库
2015/06/12 面试题
保险专业大学生职业规划书
2014/03/03 职场文书
八项规定个人对照检查材料思想汇报
2014/09/25 职场文书
社保缴纳证明申请书
2014/11/03 职场文书
2014年变电站工作总结
2014/12/19 职场文书
课程设计感想范文
2015/08/11 职场文书
2016教师国培研修感言
2015/12/08 职场文书
jdbc使用PreparedStatement批量插入数据的方法
2021/04/27 MySQL