el-input 必填 只可以输入数字校验

  <el-form-item label="资金量(万元)" label-width="150px" prop="auditAmount"
                  :rules="[{ required: true, message: '请输入资金量', trigger: 'blur' },
                          { validator: this.checkNum, trigger: 'blur'}]">
                    <el-input size="mini"   v-model="loginForm.auditAmount"   placeholder="请输入审计资金量" > </el-input>
                </el-form-item>


 data() {
     var checkNum = (rule, value, callback) => {
      console.log("value", value - 0);
      if (isNaN(value)) {
        return callback("请输入数字");
      }
      return callback();
    }

    return {
      checkNum:checkNum,
       add:'',
    }
}

更新 在 el-input 直接写正则更简单点

只可以输入 数字   <el-input size="medium " v-model="discount" placeholder="请输入" οninput="value=value.replace(/[^\d]/g,'')"> </el-input>

只可以输入 数字加小数点   <el-input size="medium " v-model="discount" placeholder="请输入" οninput="value=value.replace(/^\.+|[^\d.]/g,'')"> </el-input>

猜你喜欢

转载自blog.csdn.net/qq_42174597/article/details/122720091