基于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兼容标准的表格变色效果
Jun 28 Javascript
能说明你的Javascript技术很烂的五个原因分析
Oct 28 Javascript
js+div实现文字滚动和图片切换效果代码
Aug 27 Javascript
JS实现带有抽屉效果的产品类网站多级导航菜单代码
Sep 15 Javascript
JQuery datepicker 用法详解
Dec 25 Javascript
JS实时弹出新消息提示框并有提示音响起的实现代码
Apr 20 Javascript
Omi v1.0.2发布正式支持传递javascript表达式
Mar 21 Javascript
使用vue制作FullPage页面滚动效果
Aug 21 Javascript
countUp.js实现数字动态变化效果
Oct 17 Javascript
微信小程序自定义navigationBar顶部导航栏适配所有机型(附完整案例)
Apr 26 Javascript
vue+AI智能机器人回复功能实现
Jul 16 Javascript
浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑
Sep 12 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学习笔记 用户注册模块用户类以及验证码类
2011/09/20 PHP
Yii-自定义删除确认弹框(zyd)jquery实现代码
2013/03/04 Javascript
JavaScript中的this关键字介绍与使用实例
2013/06/21 Javascript
js无刷新操作table的行和列
2014/03/27 Javascript
jQuery插件multiScroll实现全屏鼠标滚动切换页面特效
2015/04/12 Javascript
js+html5实现canvas绘制圆形图案的方法
2015/06/05 Javascript
javascript获取当前的时间戳的方法汇总
2015/07/26 Javascript
css如何让浮动元素水平居中
2015/08/07 Javascript
初步使用bootstrap快速创建页面
2016/03/03 Javascript
js 弹出对话框(遮罩)透明,可拖动的简单实例
2016/07/11 Javascript
关于AngularJs数据的本地存储详解
2017/01/20 Javascript
JS中IP地址与整数相互转换的实现代码
2017/04/10 Javascript
详解关于vue-area-linkage走过的坑
2018/06/27 Javascript
微信小程序实现漂亮的弹窗效果
2020/05/26 Javascript
vue 监听屏幕高度的实例
2018/09/05 Javascript
详解原生JS动态添加和删除类
2019/03/26 Javascript
iphone刘海屏页面适配方法
2019/05/07 Javascript
在layui下对元素进行事件绑定的实例
2019/09/06 Javascript
基于better-scroll 实现歌词联动功能的代码
2020/05/07 Javascript
[06:07]刀塔密之二:攻之吾命受之吾幸
2014/07/03 DOTA
在Python下尝试多线程编程
2015/04/28 Python
Python实现读取json文件到excel表
2017/11/18 Python
Python读取系统文件夹内所有文件并统计数量的方法
2018/10/23 Python
Python字典的核心底层原理讲解
2019/01/24 Python
Python字符串hashlib加密模块使用案例
2020/03/10 Python
10款最佳Python开发工具推荐,每一款都是神器
2020/10/15 Python
Larsson & Jennings官网:现代瑞士钟表匠
2018/03/20 全球购物
澳大利亚墨尔本的在线时装店:LORETA
2018/09/14 全球购物
设计4个线程,其中两个线程每次对j增加1,另外两个线程对j每次减少1。写出程序。
2014/12/30 面试题
幼儿园小班植树节活动方案
2014/03/04 职场文书
客户经理竞聘演讲稿
2014/05/15 职场文书
中学生打架检讨书
2014/10/13 职场文书
2014年党建工作汇报材料
2014/10/27 职场文书
2014年员工工作总结范文
2014/11/18 职场文书
市场营销计划书范文
2015/01/16 职场文书
Ajax实现异步加载数据
2021/11/17 Javascript