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, "");
let arrs = nums.split(".") || [];
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) || "";
nums = st1 + "." + st2;
}
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>
