基于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 相关文章推荐
juqery 学习之四 筛选查找
Nov 30 Javascript
实用的Jquery选项卡TAB示例代码
Aug 28 Javascript
简单的Jquery遮罩层代码实例
Nov 14 Javascript
Node.js开源应用框架HapiJS介绍
Jan 14 Javascript
DIV随滚动条滚动而滚动的实现代码【推荐】
Apr 12 Javascript
js初始化验证实例详解
Nov 26 Javascript
JavaScript常用正则验证函数实例小结【年龄,数字,Email,手机,URL,日期等】
Jan 23 Javascript
js+html5实现侧滑页面效果
Jul 15 Javascript
angular中实现li或者某个元素点击变色的两种方法
Jul 27 Javascript
vue鼠标悬停事件实例详解
Apr 01 Javascript
自定义Vue组件打包、发布到npm及使用教程
May 22 Javascript
angularjs模态框的使用代码实例
Dec 20 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 5昨天隆重推出--PHP 5/Zend Engine 2.0新特性
2006/10/09 PHP
php IP及IP段进行访问限制的代码
2008/12/17 PHP
支持png透明图片的php生成缩略图类分享
2015/02/08 PHP
php 使用html5实现多文件上传实例
2016/10/24 PHP
PHP的垃圾回收机制代码实例讲解
2021/02/27 PHP
javascript attachEvent和addEventListener使用方法
2009/03/19 Javascript
通过$(this)使用jQuery包装后的方法或属性
2014/05/18 Javascript
Javascript中的prototype与继承
2017/02/06 Javascript
js实现PC端和移动端刮卡效果
2020/03/27 Javascript
微信小程序  TLS 版本必须大于等于1.2问题解决
2017/02/22 Javascript
JavaScript实现弹出广告功能
2017/03/30 Javascript
详解webpack分包及异步加载套路
2017/06/29 Javascript
在Vue中实现随hash改变响应菜单高亮
2020/03/09 Javascript
JavaScript实现世界各地时间显示
2020/09/07 Javascript
Python字符串特性及常用字符串方法的简单笔记
2016/01/04 Python
python操作MySQL 模拟简单银行转账操作
2017/09/27 Python
Python cookbook(数据结构与算法)找出序列中出现次数最多的元素算法示例
2018/03/15 Python
对Django 转发和重定向的实例详解
2019/08/06 Python
TensorFlow内存管理bfc算法实例
2020/02/03 Python
Python argparse模块使用方法解析
2020/02/20 Python
使用pymysql查询数据库,把结果保存为列表并获取指定元素下标实例
2020/05/15 Python
pytorch随机采样操作SubsetRandomSampler()
2020/07/07 Python
医院辞职信范文
2014/01/17 职场文书
班级活动策划书
2014/02/06 职场文书
护士岗位求职应聘自荐书范文
2014/02/12 职场文书
幼儿园教学随笔感言
2014/02/23 职场文书
2016自主招生校长推荐信范文
2015/03/23 职场文书
2015年煤矿工作总结
2015/04/28 职场文书
2019年教师入党申请书
2019/06/27 职场文书
Windows10下安装MySQL8
2021/04/06 MySQL
Python数据分析之pandas函数详解
2021/04/21 Python
Python中requests做接口测试的方法
2021/05/30 Python
vue+elementui 实现新增和修改共用一个弹框的完整代码
2021/06/08 Vue.js
mysql中int(3)和int(10)的数值范围是否相同
2021/10/16 MySQL
微信小程序 根据不同用户切换不同TabBar
2022/04/21 Javascript
win10电脑关机快捷键是哪个 win10快速关机的几种方法
2022/08/14 数码科技