基于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 学习笔记(十六) js事件
Feb 01 Javascript
JQuery最佳实践之精妙的自定义事件
Aug 11 Javascript
jquery 插件开发 extjs中的extend用法小结
Jan 04 Javascript
js表单登陆验证示例
Oct 19 Javascript
Bootstrap基本插件学习笔记之Alert警告框(20)
Dec 08 Javascript
jQuery如何跳转到另一个网页 就这么简单
Dec 28 Javascript
jQuery ajax动态生成table功能示例
Jun 14 jQuery
node.js + socket.io 实现点对点随机匹配聊天
Jun 30 Javascript
前端开发不得不知的10个最佳ES6特性
Aug 30 Javascript
AngularJS实现的简单拖拽功能示例
Jan 02 Javascript
学习jQuery中的noConflict()用法
Sep 28 jQuery
Auto.JS实现抖音刷宝等刷视频app,自动点赞,自动滑屏,自动切换视频功能
May 08 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同时支持GIF、png、JPEG
2006/10/09 PHP
thinkphp多表查询两表有重复相同字段的完美解决方法
2016/09/22 PHP
php 从指定数字中获取随机组合的简单方法(推荐)
2017/04/05 PHP
Win10 下安装配置IIS + MySQL + nginx + php7.1.7
2017/08/04 PHP
JavaScript 内置对象属性及方法集合
2010/07/04 Javascript
javascript 词法作用域和闭包分析说明
2010/08/12 Javascript
基于jquery的合并table相同单元格的插件(精简版)
2011/04/05 Javascript
JS判断元素为数字的奇异写法分享
2012/08/01 Javascript
Node.js中require的工作原理浅析
2014/06/24 Javascript
jquery移动节点实例
2015/01/14 Javascript
面向切面编程(AOP)的理解
2015/05/01 Javascript
JavaScript encodeURI 和encodeURIComponent
2015/12/04 Javascript
jquery特效 点击展示与隐藏全文
2015/12/09 Javascript
jQuery Ajax使用FormData对象上传文件的方法
2016/09/07 Javascript
js仿小米官网图片轮播特效
2016/09/29 Javascript
javascript输出AscII码扩展集中的字符方法
2016/12/26 Javascript
基于jquery实现多级菜单效果
2017/07/25 jQuery
Vue自定义指令封装节流函数的方法示例
2018/07/09 Javascript
JavaScript原型链与继承操作实例总结
2018/08/24 Javascript
vue 监听键盘回车事件详解 @keyup.enter || @keyup.enter.native
2018/08/25 Javascript
使用js和canvas实现时钟效果
2020/09/08 Javascript
机器学习python实战之手写数字识别
2017/11/01 Python
python模块smtplib学习
2018/05/22 Python
基于python-opencv3的图像显示和保存操作
2019/06/27 Python
利用python3 的pygame模块实现塔防游戏
2019/12/30 Python
使用 css3 transform 属性来变换背景图的方法
2019/05/07 HTML / CSS
CSS3中各种颜色属性的使用教程
2016/05/17 HTML / CSS
Ibatis如何调用存储过程
2015/05/15 面试题
给朋友的道歉信
2014/01/09 职场文书
精彩的英文自荐信
2014/01/30 职场文书
《桥》教学反思
2014/04/09 职场文书
王力宏牛津大学演讲稿
2014/05/22 职场文书
体现团队精神的口号
2014/06/06 职场文书
年度优秀员工获奖感言
2014/08/15 职场文书
单位综合评价意见
2015/06/05 职场文书
Nginx图片服务器配置之后图片访问404的问题解决
2022/03/21 Servers