vue 输入框输入任意内容返回数字-CFANZ编程社区

vue 输入框输入任意内容返回数字

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

  <script>


    function changeEvent (item) {
      let nums = item + "" || "0";
      nums = nums.replace(/[^\d|\.]/g, ""); // 提取出来 一定是数字 或 空
      // console.log("提取数字小数点：", nums);
      let arrs = nums.split(".") || []; // 长度>1 有1个小数点，>2 2个小数点
      if (arrs.length >= 2) {
        nums = [arrs.splice(0, 1).join(""), ".", arrs.join("") || ""].join("");
      }

      nums.length > 1 && (nums = nums.replace(/^[0]+/, "0"));
      if (nums.split(".").length > 1) {
        let st1 = nums.split(".")[0] || "0";
        let st2 = nums.split(".")[1].substring(0, 2) || ""; // 提取小数点后面2位
        nums = st1 + "." + st2;
      }
      // console.log("提取结果：", +nums);
      return +nums;
    }

    console.log(changeEvent('12a'));
    console.log(changeEvent('c12a'));
    console.log(changeEvent('61.f22'));
    console.log(changeEvent('a1.9c2'));
    console.log(changeEvent('1a1.2'));
    console.log(changeEvent('1c1.3a32'));
    console.log(changeEvent('.3a32'));
    console.log(changeEvent('k.u3a32'));

  </script>
</body>

</html>
在这里插入图片描述