input输入框输入数值检测只能输入数字，非数字离开输入框后会清除

爱被打了一巴掌 2022-09-10 10:10 232阅读 0赞

input输入框输入数值检测 只能输入数字 ，非数字离开输入框后会清除

// blur 事件 
        Blur(nums) { 
          this.ruleForm.count = this.blurEvent(nums);
        },
        // 修改事件
        Input(val) { 
          let num = this.changeEvent(val);
          this.ruleForm.count = num;
        },
      	// 
        blurEvent(nums) { 
          if (nums === "" || nums === undefined) { 
            return;
          }
          let arr2 = (nums + "").split(".") || []; // 处理有小数点的数
          if (arr2.length > 1) { 
            if (Number(arr2[1]) == 0) { 
              nums = +arr2[0];
            }
          }
          console.log("priceCostblur:", +nums);
          return +nums;
        },
    
        changeEvent(item) { 
          let nums = item + "";
          nums = nums.replace(/[^\d.]/g, ""); // 一定是数字 或 空
          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) || "";
            nums = st1 + "." + st2;
          }
          return nums;
        },

发表评论取消回复

表情：

评论列表（有 0 条评论，232人围观）

还没有评论，来说两句吧...

相关阅读

相关在HTML中限制input 输入框只能输入纯数字

限制 input 输入框只能输入纯数字 1、onkeyup = "value=value.replace(/\[^\\d\]/g,'')" 使用 onkeyup 事件，有

青旅半醒/ 2023年10月18日 16:29/ 0 赞/ 83 阅读

相关限制 input 输入框只能输入纯数字

限制 input 输入框只能输入纯数字 1、onkeyup = "value=value.replace(/\[^\\d\]/g,'')" 使用 onkeyup 事件，有

梦里梦外;/ 2023年10月09日 12:42/ 0 赞/ 12 阅读

相关输入框限制规则只能输入数字只能输入字母数字等等

输入大小写字母、数字、下划线： <input type="text" onkeyup="this.value=this.value.replace(/[^\w_

超、凢脫俗/ 2022年11月17日 10:21/ 0 赞/ 247 阅读

相关 input输入框输入数值检测只能输入数字，非数字离开输入框后会清除

input输入框输入数值检测只能输入数字，非数字离开输入框后会清除 // blur 事件 Blur(nums) { thi

爱被打了一巴掌/ 2022年09月10日 10:10/ 0 赞/ 233 阅读

相关 html input输入框只能输入数字只能输入字母数字组合

1.文本框只能输入数字代码(小数点也不能输入) <input onkeyup="this.value=this.value.replace(/\D/g,'')"

我不是女神ヾ/ 2022年06月01日 07:09/ 0 赞/ 289 阅读

相关 input框只能输入数字的方法

input框只能输入数字的两种方法通过onkeypress事件是输不上任何非数字字符 <input type="text" οnkeypress="re

骑猪看日落/ 2022年05月28日 02:55/ 0 赞/ 218 阅读

相关控制input框输入数字

1.只能输入正整数 <input type="text" οnkeyup="if(this.value.length==1){this.value=this.val

男娘i/ 2022年05月25日 07:21/ 0 赞/ 263 阅读

相关 input输入框只能输入数字，只能输入字母数字组合

输入大小写字母、数字、下划线： <input type="text" onkeyup="this.value=this.value.replace(/[^\w_

你的名字/ 2022年05月19日 12:00/ 0 赞/ 266 阅读

相关 input输入框只能输入数字

<input type="number" class="input-control input-l" id="oldcard" oninput = "value=val

骑猪看日落/ 2022年02月01日 13:09/ 0 赞/ 342 阅读

相关 input输入框只能输入数字、小数及负数

使用js控制input输入框只能输入数字、小数及负数，通过监听键盘事件触发js方法实现。代码如下： //input框 <input type="text

刺骨的言语ヽ痛彻心扉/ 2021年06月24日 16:09/ 1 赞/ 1541 阅读