input框限制输入小数

最新推荐文章于 2024-11-18 16:12:02 发布

原创最新推荐文章于 2024-11-18 16:12:02 发布 · 762 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html

<el-input @keyup.native="clearNoNum">

    clearNoNum(e) {
      const obj = e.target
      console.log(obj)
      obj.value = obj.value.replace(/[^\d.]/g, '') // 清除“数字”和“.”以外的字符
      obj.value = obj.value.replace(/\.{2,}/g, '.') // 只保留第一个. 清除多余的
      obj.value = obj.value.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')
      obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3')// 只能输入两个小数
      if (obj.value.indexOf('.') < 0 && obj.value !== '') { // 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
        obj.value = parseFloat(obj.value)
      }
    },