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

156 阅读 0 评论 103 点赞

我是靠谱客的博主儒雅钥匙，最近开发中收集的这篇文章主要介绍基于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框覆盖掉数字英文的实例讲解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。