基于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 相关文章推荐
js键盘上下左右键怎么触发function(实例讲解)
Dec 14 Javascript
JavaScript常用数组算法小结
Feb 13 Javascript
canvas时钟效果
Feb 16 Javascript
js中删除数组中的某一元素实例(无下标时)
Feb 28 Javascript
Node.js中的require.resolve方法使用简介
Apr 23 Javascript
通过vue手动封装on、emit、off的代码详解
May 29 Javascript
VUE组件中的 Drawer 抽屉实现代码
Aug 06 Javascript
layer.prompt使文本框为空的情况下也能点击确定的方法
Sep 24 Javascript
在vue中使用vuex,修改state的值示例
Nov 08 Javascript
解决vue v-for src 图片路径问题 404
Nov 12 Javascript
100行代码实现vue表单校验功能(小白自编)
Nov 19 Javascript
vue3.0 项目搭建和使用流程
Mar 04 Vue.js
浅谈通过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面向对象全攻略 (四)构造方法与析构方法
2009/09/30 PHP
PHP中file_get_contents高?用法实例
2014/09/24 PHP
PHP内置的Math函数效率测试
2014/12/01 PHP
PHP实现链式操作的核心思想
2015/06/23 PHP
PHP 微信支付类 demo
2015/11/30 PHP
PHP实现的折半查询算法示例
2017/10/09 PHP
ThinkPHP框架使用redirect实现页面重定向的方法实例分析
2018/04/12 PHP
js CSS操作方法集合
2008/10/31 Javascript
jQuery实现选项卡切换效果简单演示
2015/12/09 Javascript
JavaScript中获取纯正的undefined的方法
2016/03/06 Javascript
ionic2 tabs 图标自定义实例
2017/03/08 Javascript
Vue.js列表渲染绑定jQuery插件的正确姿势
2017/06/29 jQuery
Vue 父子组件的数据传递、修改和更新方法
2018/03/01 Javascript
微信小程序分包加载代码实现方法详解
2019/09/23 Javascript
js实现无刷新监听URL的变化示例代码详解
2020/06/03 Javascript
vue-video-player视频播放器使用配置详解
2020/10/23 Javascript
[55:02]2014 DOTA2国际邀请赛中国区预选赛 HGT VS Orenda
2014/05/21 DOTA
[04:47]DOTA2-潍坊风行电子俱乐部探秘
2014/08/08 DOTA
Python2.x版本中cmp()方法的使用教程
2015/05/14 Python
分析Python读取文件时的路径问题
2018/02/11 Python
python中in在list和dict中查找效率的对比分析
2018/05/04 Python
Python在图片中插入大量文字并且自动换行
2019/01/02 Python
python Elasticsearch索引建立和数据的上传详解
2019/08/04 Python
Python遍历字典方式就实例详解
2019/12/28 Python
Python爬虫工具requests-html使用解析
2020/04/29 Python
django模板获取list中指定索引的值方式
2020/05/14 Python
用OpenCV进行年龄和性别检测的实现示例
2021/01/29 Python
英国最大的美妆产品在线零售商之一:Beauty Bay
2017/09/29 全球购物
英国现代家具和装饰网站:PN Home
2018/08/16 全球购物
Tommy Hilfiger澳洲官网:美国高端休闲领导品牌
2020/12/16 全球购物
建筑工程专业毕业生自荐信
2013/10/19 职场文书
银行个人求职自荐信范文
2013/12/16 职场文书
高考升学宴答谢词
2015/01/20 职场文书
辞职书格式样本
2015/02/26 职场文书
语文教师求职信范文
2015/03/20 职场文书
2016年“9.22”世界无车日活动小结
2016/04/05 职场文书