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

o0麦嘎

于 2023-11-09 21:52:35 发布

阅读量1.1k

点赞数 1

文章标签： elementui

本文链接：https://blog.csdn.net/Gpointy/article/details/134321323

版权

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();
  }
}