基于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操纵Cookie实现购物车程序
Nov 23 Javascript
actionscript与javascript的区别
May 25 Javascript
JavaScript判断DOM何时加载完毕的技巧
Nov 11 Javascript
javascript实现仿腾讯游戏选择
May 14 Javascript
Javascript随机标签云代码实例
Jun 21 Javascript
easyui导出excel无法弹出下载框的快速解决方法
Nov 10 Javascript
JS实现复制内容到剪贴板功能
Feb 05 Javascript
详解angularJs指令的3种绑定策略
Apr 13 Javascript
使用jQuery实现动态添加小广告
Jul 11 jQuery
vue+elementUI实现表单和图片上传及验证功能示例
May 14 Javascript
vuex根据不同的用户权限展示不同的路由列表功能
Sep 20 Javascript
解决vue语法会有延迟加载显现{{xxx}}的问题
Nov 14 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
Windows下XDebug 手工配置与使用说明
2010/07/11 PHP
php 伪静态之IIS篇
2014/06/02 PHP
ThinkPHP表单自动提交验证实例教程
2014/07/18 PHP
php绘制一个矩形的方法
2015/01/24 PHP
jQuery 定时局部刷新(setInterval)
2010/11/19 Javascript
在Windows上安装Node.js模块的方法
2011/09/25 Javascript
解决jquery异步按一定的时间间隔刷新问题
2012/12/10 Javascript
利用JQuery和Servlet实现跨域提交请求示例分享
2014/02/12 Javascript
js实现ArrayList功能附实例代码
2014/10/29 Javascript
基于jquery实现等比缩放图片
2014/12/03 Javascript
Bootstrap表单布局样式源代码
2016/07/04 Javascript
jquery实现全选、不选、反选的两种方法
2016/09/06 Javascript
详解如何构建一个Angular6的第三方npm包
2018/09/07 Javascript
vue-cli V3.0版本的使用详解
2018/10/24 Javascript
vue百度地图 + 定位的详解
2019/05/13 Javascript
微信小程序中data-key属性之数据传输(经验总结)
2020/08/22 Javascript
python中base64加密解密方法实例分析
2015/05/16 Python
机器学习经典算法-logistic回归代码详解
2017/12/22 Python
浅谈python中np.array的shape( ,)与( ,1)的区别
2018/06/04 Python
django rest framework 数据的查找、过滤、排序的示例
2018/06/25 Python
python 正确保留多位小数的实例
2018/07/16 Python
PyCharm更改字体和界面样式的方法步骤
2019/09/27 Python
Tensorflow不支持AVX2指令集的解决方法
2020/02/03 Python
python 连续不等式语法糖实例
2020/04/15 Python
Python打印特殊符号及对应编码解析
2020/05/07 Python
德国高端单身人士交友网站:ElitePartner
2018/12/02 全球购物
美国排名第一的泳池用品直接来源:In The Swim
2019/09/23 全球购物
《两个铁球同时着地》教学反思
2014/02/13 职场文书
商场主管竞聘书
2014/03/31 职场文书
设计师求职信模板
2014/05/06 职场文书
给市场的环保建议书
2014/05/14 职场文书
慈善晚会策划方案
2014/05/14 职场文书
执法作风整顿剖析材料
2014/10/11 职场文书
基层干部个人对照检查及整改措施
2014/10/28 职场文书
初中数学教学反思范文
2016/02/17 职场文书
MySQL中TIMESTAMP类型返回日期时间数据中带有T的解决
2022/12/24 MySQL