基于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入门教程(8) Location地址对象
Jan 31 Javascript
javascript 简单抽屉效果的实现代码
Mar 09 Javascript
javascript简单事件处理和with用法介绍
Sep 16 Javascript
jQuery操作属性和样式详解
Apr 13 Javascript
浅谈js中的延迟执行和定时执行
May 31 Javascript
全面了解JavaScirpt 的垃圾(garbage collection)回收机制
Jul 11 Javascript
JS实现的手机端精简幻灯片效果
Sep 05 Javascript
Vue的百度地图插件尝试使用
Sep 06 Javascript
vue 1.x 交互实现仿百度下拉列表示例
Oct 21 Javascript
vue2.0学习之axios的封装与vuex介绍
May 28 Javascript
ng-zorro-antd 入门初体验
Dec 03 Javascript
JS实现的字符串数组去重功能小结
Jun 17 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
VFP与其他应用程序的集成
2006/10/09 PHP
PHP校验ISBN码的函数代码
2011/01/17 PHP
laravel ORM 只开启created_at的几种方法总结
2018/01/29 PHP
PHP堆栈调试操作简单示例
2018/06/15 PHP
在JavaScript中通过URL传递汉字的方法
2007/04/09 Javascript
js 蒙版进度条(结合图片)
2010/03/10 Javascript
Javascript实现DIV滚动自动滚动到底部的代码
2012/03/01 Javascript
20款非常优秀的 jQuery 工具提示插件 推荐
2012/07/15 Javascript
JavaScript中对象属性的添加和删除示例
2014/05/12 Javascript
复制网页内容,粘贴之后自动加上网址的实现方法(脚本之家特别整理)
2014/10/16 Javascript
javascript中Number对象的toString()方法分析
2014/12/20 Javascript
Javascript基础教程之定义和调用函数
2015/01/18 Javascript
基于Bootstrap3表格插件和分页插件实例详解
2016/05/17 Javascript
JS弹出新窗口被拦截的解决方法
2016/08/09 Javascript
AugularJS从入门到实践(必看篇)
2017/07/10 Javascript
JavaScript变量类型以及变量作用域详解
2017/08/14 Javascript
使用react-router4.0实现重定向和404功能的方法
2017/08/28 Javascript
深入浅析JSONAPI在PHP中的应用
2017/12/24 Javascript
vue.js 双层嵌套for遍历的方法详解, 类似php foreach()
2018/09/07 Javascript
Vue引用Swiper4插件无法重写分页器样式的解决方法
2018/09/27 Javascript
深度了解vue.js中hooks的相关知识
2019/06/14 Javascript
JS 图片压缩原理与实现方法详解
2020/04/29 Javascript
[55:32]2018DOTA2亚洲邀请赛 4.4 淘汰赛 EG vs LGD 第二场
2018/04/05 DOTA
[02:31]2018年度DOTA2最具人气选手-完美盛典
2018/12/16 DOTA
Python 中 Virtualenv 和 pip 的简单用法详解
2017/08/18 Python
python机器学习理论与实战(四)逻辑回归
2018/01/19 Python
python 给图像添加透明度(alpha通道)
2020/04/09 Python
Html5中localStorage存储JSON数据并读取JSON数据的实现方法
2017/02/13 HTML / CSS
手机端用rem+scss做适配的详解
2017/11/15 HTML / CSS
挪威手表购物网站:Klokker
2016/09/19 全球购物
瑞典时尚耳机品牌:Urbanears
2017/07/26 全球购物
优质美利奴羊毛袜,不只是徒步旅行:Darn Tough Vermont
2018/11/05 全球购物
先进工作者个人总结
2015/02/15 职场文书
2016暑期社会实践新闻稿
2015/11/25 职场文书
浅谈GO中的Channel以及死锁的造成
2022/03/18 Golang
APP界面设计技巧和注意事项
2022/04/29 杂记