基于input框覆盖掉数字英文的实例讲解

更新时间：2017年07月21日 08:07:18 投稿：jingxian

下面小编就为大家带来一篇基于input框覆盖掉数字英文的实例讲解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

例子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框覆盖掉数字英文的实例讲解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

详解JS中遍历语法的比较
本篇文章主要介绍了详解JS中遍历语法的比较，主要介绍for循环、forEach、for...in、for...of的用法和缺点，有兴趣的可以了解一下。
2017-04-04
JS 文件传参及处理技巧分析
其实为js文件传参是很久就接触过的一个问题，只是一直没有放在心上，今天在无忧看到又有人问这个问题，今日总结一下。
2010-05-05
浅谈es6 javascript的map数据结构
本篇文章主要介绍了浅谈es6 javascript的map数据结构，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-12-12
详解JavaScript中的强制类型转换
这篇文章主要介绍了JavaScript中的强制类型转换，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-04-04
高性能JavaScript 重排与重绘(2)
这篇文章主要介绍了高性能JavaScript 重排与重绘,需要的朋友可以参考下
2015-08-08
javascript类数组的深入理解
这篇文章主要给大家介绍了关于javascript类数组的深入理解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-03-03
JS鼠标滑过图片时切换图片实现思路
在浏览网页时会看到这样的效果：当鼠标滑过一张图片后，这张图片切换为了另外的一张图片，下面为大家介绍下具体是如何实现的，感兴趣的朋友不要错过
2013-09-09
JavaScript中break、continue和return的用法区别实例分析
这篇文章主要介绍了JavaScript中break、continue和return的用法区别,结合实例形式详细对比分析了JavaScript中break、continue和return的基本功能、使用方法、区别与操作注意事项,需要的朋友可以参考下
2020-03-03
JS 插件dropload下拉刷新、上拉加载使用小结
这篇文章主要介绍了JS 插件dropload下拉刷新、上拉加载使用小结,需要的朋友可以参考下
2017-04-04
传智播客学习之java 反射
昨天是预热班学习的最后一天，为了检验我们是否能够升入就业班学习，进行了预热班结课考试。
2009-11-11