基于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实现的动态添加表单元素input,button等(appendChild)
Nov 24 Javascript
JavaScript 高效运行代码分析
Mar 18 Javascript
jQuery+CSS实现菜单滑动伸展收缩(仿淘宝)
Mar 22 Javascript
jQuery插件scroll实现无缝滚动效果
Apr 27 Javascript
js获取时间精确到秒(年月日)
Mar 16 Javascript
基于JS实现数字+字母+中文的混合排序方法
Jun 06 Javascript
原生javascript 学习之js变量全面了解
Jul 14 Javascript
JS实现商品筛选功能
Aug 19 Javascript
JS动态修改网页body的背景色实例代码
Oct 07 Javascript
vue中$set的使用(结合在实际应用中遇到的坑)
Jul 10 Javascript
浅谈JS中this在各个场景下的指向
Aug 14 Javascript
Nuxt pages下不同的页面对应layout下的页面布局操作
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
《斗罗大陆》六翼天使武魂最强,为什么老千家不是上三宗?
2020/03/02 国漫
php session安全问题分析
2011/06/24 PHP
php安装dblib扩展,连接mssql的具体步骤
2017/03/02 PHP
php写一个函数,实现扫描并打印出自定目录下(含子目录)所有jpg文件名
2017/05/26 PHP
浅谈Javascript嵌套函数及闭包
2010/11/09 Javascript
jQuery+JSON+jPlayer实现QQ空间音乐查询功能示例
2013/06/17 Javascript
js修改原型的属性使用介绍
2014/01/26 Javascript
JS组件中bootstrap multiselect两大组件较量
2016/01/26 Javascript
浅谈如何实现easyui的datebox格式化
2016/06/12 Javascript
JavaScript实现移动端滑动选择日期功能
2016/06/21 Javascript
jQuery中值得注意的trigger方法浅析
2016/12/12 Javascript
实例分析浏览器中“JavaScript解析器”的工作原理
2016/12/12 Javascript
JS使用面向对象技术实现的tab选项卡效果示例
2017/02/28 Javascript
关于webpack代码拆分的解析
2017/07/20 Javascript
vue源码解析之事件机制原理
2018/04/21 Javascript
js动态引入的四种方法
2018/05/05 Javascript
JavaScript变量提升和严格模式实例分析
2019/01/27 Javascript
vue之延时刷新实例
2019/11/14 Javascript
Vue.js中使用Vuex实现组件数据共享案例
2020/07/31 Javascript
TensorFlow安装及jupyter notebook配置方法
2017/09/08 Python
Python 3.8正式发布,来尝鲜这些新特性吧
2019/10/15 Python
Python基于Tkinter编写crc校验工具
2020/05/06 Python
Python检测端口IP字符串是否合法
2020/06/05 Python
基于Python爬虫采集天气网实时信息
2020/06/05 Python
Banggood官网:面向全球客户的综合商城
2017/04/19 全球购物
Currentbody法国:健康与美容高科技产品
2020/08/16 全球购物
工商治理实习生的自我评价
2014/01/15 职场文书
简历中的自我评价怎么写
2014/01/29 职场文书
《池塘边的叫声》教学反思
2014/04/12 职场文书
2014年信息宣传工作总结
2014/12/18 职场文书
公务员年度考核登记表个人总结
2015/02/12 职场文书
关于运动会的宣传稿
2015/07/23 职场文书
丧事酒宴答谢词
2015/09/30 职场文书
创业计划书之小型广告公司
2019/10/22 职场文书
【海涛dota解说】DCG联赛第一周 LGD VS DH
2022/04/01 DOTA
mysqldump进行数据备份详解
2022/07/15 MySQL