基于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 相关文章推荐
通用于ie和firefox的函数 GetCurrentStyle (obj, prop)
Dec 27 Javascript
js css样式操作代码(批量操作)
Oct 09 Javascript
document.body.scrollTop 值总为0的解决方法 比较常见的标准问题
Nov 30 Javascript
js对象的比较
Feb 26 Javascript
javascript调试之DOM断点调试法使用技巧分享
Apr 15 Javascript
jQuery向后台传入json格式数据的方法
Feb 13 Javascript
Javascript递归打印Document层次关系实例分析
May 15 Javascript
使用javascript将时间转换成今天,昨天,前天等格式
Jun 25 Javascript
JavaScript门面模式详解
Oct 19 Javascript
jQuery实现form表单序列化转换为json对象功能示例
May 23 jQuery
JQuery表单元素取值赋值方法总结
May 12 jQuery
nuxt.js写项目时增加错误提示页面操作
Nov 05 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实现查询百度google收录情况(示例代码)
2013/08/02 PHP
PHP中Enum(枚举)用法实例详解
2015/12/07 PHP
Yii框架弹出框功能示例
2017/01/07 PHP
TP5框架实现的数据库备份功能示例
2020/04/05 PHP
为EasyUI的Tab标签添加右键菜单的方法
2012/07/14 Javascript
解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法
2012/11/14 Javascript
如何实现修改密码时密码框显示保存到cookie的密码
2013/12/10 Javascript
浅析Node.js的Stream模块中的Readable对象
2015/07/29 Javascript
jQuery判断元素是否显示 是否隐藏的简单实现代码
2016/05/19 Javascript
Vue.js快速入门实例教程
2016/10/15 Javascript
BootStrop前端框架入门教程详解
2016/12/25 Javascript
解读ES6中class关键字
2017/11/20 Javascript
JavaScript代码实现txt文件的上传预览功能
2018/03/27 Javascript
react实现点击选中的li高亮的示例代码
2018/05/24 Javascript
浅谈针对Vue相同路由不同参数的刷新问题
2018/09/29 Javascript
JavaScript实现简单动态表格
2020/12/02 Javascript
[01:14:05]《加油DOTA》第四期
2014/08/25 DOTA
Python简单进程锁代码实例
2015/04/27 Python
Python黑魔法Descriptor描述符的实例解析
2016/06/02 Python
使用python和Django完成博客数据库的迁移方法
2018/01/05 Python
python3使用pandas获取股票数据的方法
2018/12/22 Python
Python安装tar.gz格式文件方法详解
2020/01/19 Python
Python异步编程之协程任务的调度操作实例分析
2020/02/01 Python
python3.4中清屏的处理方法
2020/07/06 Python
Python3爬虫中Splash的知识总结
2020/07/10 Python
python基于openpyxl生成excel文件
2020/12/23 Python
软件测试常见笔试题
2012/02/04 面试题
银行职员思想汇报
2013/12/31 职场文书
教师队伍管理制度
2014/01/14 职场文书
小学少先队活动方案
2014/02/18 职场文书
公司授权委托书
2014/04/04 职场文书
施工安全责任书
2014/04/14 职场文书
竞选班干部演讲稿
2014/04/24 职场文书
读书活动总结范文
2014/04/26 职场文书
秋冬农业生产标语
2014/10/09 职场文书
观看安全警示教育片心得体会
2016/01/15 职场文书