基于input框覆盖掉数字英文的实例讲解


Posted in Javascript onJuly 21, 2017

例子1:

<input type="text" value="0" onkeyup="cleartwoNum(this)">

//限制input框输入只能数字:
function cleartwoNum(obj) {
  obj.value = obj.value.replace(/[^\d]/g, '');
}

例子2:可以输入金额

<input type="text" value="0" onkeyup="clearNoNum(this)">

//限制input框输入:
function clearNoNum(obj) {
  //先把非数字的都替换掉,除了数字和.
  obj.value = obj.value.replace(/[^\d.]/g, "");
  //必须保证第一个为数字而不是.
  obj.value = obj.value.replace(/^\./g, "");
  //保证只有出现一个.而没有多个.
  obj.value = obj.value.replace(/\.{2,}/g, ".");
  //保证.只出现一次,而不能出现两次以上
  obj.value = obj.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
}

以上这篇基于input框覆盖掉数字英文的实例讲解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Javascript实现仿WebQQ界面的“浮云”兼容 IE7以上版本及FF
Apr 27 Javascript
Prototype源码浅析 Number部分
Jan 16 Javascript
JS+flash实现chrome和ie浏览器下同时可以复制粘贴
Sep 22 Javascript
简单易用的倒计时js代码
Aug 04 Javascript
javascript实现粘贴qq截图功能(clipboardData)
May 29 Javascript
JavaScript从0开始构思表情插件
Jul 26 Javascript
zepto与jquery的区别及zepto的不同使用8条小结
Jul 28 Javascript
jQuery简单实现iframe的高度根据页面内容自适应的方法
Aug 01 Javascript
浅谈javascript:两种注释,声明变量,定义函数
Oct 05 Javascript
使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果
Oct 17 Javascript
JS求1到任意数之间的所有质数的方法详解
May 20 Javascript
three.js利用gpu选取物体并计算交点位置的方法示例
Nov 25 Javascript
浅谈通过JS拦截 pushState和replaceState事件
Jul 21 #Javascript
用Vue-cli搭建的项目中引入css报错的原因分析
Jul 20 #Javascript
Bootstrap滚动监听组件scrollspy.js使用方法详解
Jul 20 #Javascript
微信小程序获取微信运动步数的实例代码
Jul 20 #Javascript
Javascript别踩白块儿(钢琴块儿)小游戏实现代码
Jul 20 #Javascript
angular动态删除ng-repaeat添加的dom节点的方法
Jul 20 #Javascript
如何使用JS在HTML中自定义字符串格式化
Jul 20 #Javascript
You might like
NOT NULL 和NULL
2007/01/15 PHP
php 数组动态添加实现代码(最土团购系统的价格排序)
2011/12/30 PHP
PHP验证终端类型是否为手机的简单实例
2017/02/07 PHP
ThinkPHP框架整合微信支付之Native 扫码支付模式一图文详解
2019/04/09 PHP
Yii2框架控制器、路由、Url生成操作示例
2019/05/27 PHP
Javascript实现的分页函数
2006/12/22 Javascript
文本域光标操作的jQuery扩展分享
2014/03/10 Javascript
分享2个jQuery插件--jquery.fileupload与artdialog
2014/12/26 Javascript
JavaScript弹出对话框的三种方式
2016/03/23 Javascript
js中通过getElementsByName访问name集合对象的方法
2016/10/31 Javascript
vue如何引用其他组件(css和js)
2017/04/13 Javascript
简述JS浏览器的三种弹窗
2018/07/15 Javascript
微信小程序学习笔记之表单提交与PHP后台数据交互处理图文详解
2019/03/28 Javascript
sortable+element 实现表格行拖拽的方法示例
2019/06/07 Javascript
[01:28:43]2014 DOTA2华西杯精英邀请赛5 24 DK VS CIS
2014/05/25 DOTA
Python随机生成彩票号码的方法
2015/03/05 Python
python如何使用unittest测试接口
2018/04/04 Python
python面试题之列表声明实例分析
2019/07/08 Python
Python流程控制 if else实现解析
2019/09/02 Python
Python如何在windows环境安装pip及rarfile
2020/06/15 Python
HTML5+CSS3实现拖放(Drag and Drop)示例
2014/07/07 HTML / CSS
一家专门做特卖的网站:唯品会
2016/10/09 全球购物
台湾森森购物网:U-mall
2017/10/16 全球购物
西班牙最好的在线购买葡萄酒的商店:Vinoseleccion
2019/10/30 全球购物
德国玩具商店:Planet Happy DE
2021/01/16 全球购物
三维科技面试题
2013/07/27 面试题
软件生产职位结构化面试主要考察要素及面试题库
2015/06/12 面试题
后勤人员岗位职责
2013/12/17 职场文书
临床医师专业个人自我评价
2014/01/08 职场文书
学校安全责任书范本
2014/07/23 职场文书
个人剖析材料及整改措施
2014/10/07 职场文书
公司年夜饭通知
2015/04/25 职场文书
秋季运动会加油词
2015/07/18 职场文书
教你怎么用python selenium实现自动化测试
2021/05/27 Python
Win11任务栏太宽了怎么办?一招解决Win11任务栏太宽问题
2021/11/21 数码科技
python使用torch随机初始化参数
2022/03/22 Python