基于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数组去重方法思路及代码
Mar 26 Javascript
javascript的动态加载、缓存、更新以及复用(一)
Jun 09 Javascript
node.js中的http.createServer方法使用说明
Dec 14 Javascript
jQuery选择器源码解读(六):Sizzle选择器匹配逻辑分析
Mar 31 Javascript
纯javascript判断查询日期是否为有效日期
Aug 24 Javascript
javascript倒计时效果实现
Nov 12 Javascript
响应式表格之固定表头的简单实现
Aug 26 Javascript
常用的javascript设计模式
Jan 11 Javascript
VueAwesomeSwiper在VUE中的使用以及遇到的一些问题
Jan 11 Javascript
微信小程序实现原生步骤条
Jul 25 Javascript
小程序如何支持使用 async/await详解
Sep 12 Javascript
node.js事件轮询机制原理知识点
Dec 22 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
PHP注释实例技巧
2008/10/03 PHP
关于JSON以及JSON在PHP中的应用技巧
2013/11/27 PHP
超级酷和最实用的jQuery实例收集(20个)
2010/04/21 Javascript
jquery 之 $().hover(func1, funct2)使用方法
2012/06/14 Javascript
当前页禁止复制粘贴截屏代码小集
2013/07/24 Javascript
js实现单行文本向上滚动效果实例代码
2013/11/28 Javascript
JavaScript代码编写中各种各样的坑和填坑方法
2014/06/06 Javascript
javascript获取隐藏元素(display:none)的高度和宽度的方法
2014/06/06 Javascript
SpringMVC restful 注解之@RequestBody进行json与object转换
2015/12/10 Javascript
jQuery ajax应用总结
2016/06/02 Javascript
JS自定义函数实现时间戳转换成date的方法示例
2017/08/27 Javascript
Vue组件通信入门之Provide和Inject机制
2019/12/29 Javascript
JavaScript实现省市区三级联动
2020/02/13 Javascript
微信小程序开发之获取用户手机号码(php接口解密)
2020/05/17 Javascript
手写Vue源码之数据劫持示例详解
2021/01/04 Vue.js
[04:37]DOTA2英雄梦之声Vol20发条
2014/06/20 DOTA
[37:47]IG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
[04:29]【TI9采访】OG.N0tail在胜者组决赛后接受采访
2019/08/25 DOTA
python中threading超线程用法实例分析
2015/05/16 Python
python实现将html表格转换成CSV文件的方法
2015/06/28 Python
Python基于Logistic回归建模计算某银行在降低贷款拖欠率的数据示例
2019/01/23 Python
关于 Python opencv 使用中的 ValueError: too many values to unpack
2019/06/28 Python
python实现函数极小值
2019/07/10 Python
python列表,字典,元组简单用法示例
2019/07/11 Python
Python3 中作为一等对象的函数解析
2019/12/11 Python
Python面向对象之多态原理与用法案例分析
2019/12/30 Python
Eclipse配置python默认头过程图解
2020/04/26 Python
python学习之使用Matplotlib画实时的动态折线图的示例代码
2021/02/25 Python
html5新增的属性和废除的属性简要概述
2013/02/20 HTML / CSS
世界上最大的在线汽车租赁预订平台:Rentalcars.com(支持中文)
2018/10/12 全球购物
万代美国官网:PREMIUM BANDAI USA
2020/09/11 全球购物
护士实习自我鉴定
2013/10/22 职场文书
新闻专业应届生求职信
2013/10/31 职场文书
法律工作求职自荐信
2013/10/31 职场文书
端午节活动总结报告
2015/02/11 职场文书
小学运动会报道稿
2015/07/22 职场文书