实现 0-99999.99 的输入框规则

最新推荐文章于 2024-11-03 19:27:37 发布

逢场作戏2

最新推荐文章于 2024-11-03 19:27:37 发布

阅读量124

点赞数

文章标签： html javascript 前端

本文链接：https://blog.csdn.net/xiaoqin5/article/details/125892634

版权

这段代码实现了一个输入字段的数字格式校验，确保整数部分不超过五位，小数部分不超过两位。它移除了非数字字符，限制了小数点的数量，并确保没有类似01、02的非法首位小数。此外，代码还处理了没有小数点的情况，确保首位不能为0。

摘要由CSDN通过智能技术生成

整数最多五位数，小数最多两位数的一组校验

onKeyInput(e) {
      console.log(e);
      let price = e;
      price = price.replace(/[^\d.]/g, '')  //清除“数字”和“.”以外的字符
      price = price.replace(/\.{2,}/g, '.') //只保留第一个. 清除多余的
      price = price.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')
      if(/^\d{6}$/.test(price)){
        price = price.toString().substring(0,5)
      }
      price = price.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3') //只能输入两个小数
      if (price.indexOf('.') < 0 && price != '') { //以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
        price = parseFloat(price)
      }
      this.loginForm.password = price;     //这里是指自己的输入框v-model的值
    },