el-form添加自定义校验规则校验el-input只能输入数字

0 效果

在这里插入图片描述

1 代码

在这里插入图片描述
{1,5}是用来限制小数点后几位的

addFormRules: {
  investAmount: [{ validator: checkInvestAmount, trigger: 'blur' }],
},
const checkInvestAmount = (rule, value, callback) => {
  if (value !== '' && value !== null && value !== undefined) {
    if (/^(([1-9][0-9]*)|(([0]\.\d{1,2}|[1-9][0-9]*\.\d{1,2})))$/.test(value) == false) {
      callback(new Error('只允许输入数字,且小数点后两位'));
    } else {
      callback();
    }
  } else {
    callback();
  }
}

你可能感兴趣的:(elementui)