控制单个el-input只能输入正整数或小数

原创于 2020-09-21 17:28:12 发布

· 1.6k 阅读

0 ·

版权

文章标签：

#正则表达式

vue 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种JavaScript方法，用于限制用户输入仅限于正整数和小数，并通过实时验证确保数据格式正确。同时提供了如何在失去焦点时去除无效字符的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述
input事件发生时检测输入字符
blur用来去除以.结尾时末尾的.

 // 禁止输入字母汉字，以及3.3.3或3...3以及00,03形式，只能输入正整数和小数
    inputChange(index, val) {
      val = val.toString()
      let num
      num = val.replace(/[^\d.]|^\./g, '') // 禁止输入非数字和'.'以及以'.'开头的
      num = num.replace(/^0[0-9]/g, 0) // 开头是0且其后跟的不是'.'替换为0,形如00,01
      num = num.replace(/\.{2,}/g, '.')// 多个'.'相连替换为一个'.'
      if ((val.match(/\./g)) && (val.match(/\./g).length > 1)) { // 当出现3.3...3是时，只保留3.
        let index = val.indexOf('.')
        num = val.slice(0, index + 1)
      }
      this.spaceTableData[index].sellPrice = num
    },
    // 失去焦点时，去除末尾.
    onBlur(index, val) {
      let num = val.replace(/\.$/g, '')
      this.spaceTableData[index].sellPrice = num
    },