ElementUI - elTable 表单校验

1 添加form表单校验

// 在form表单中添加如下语句 并给表单起名为ruleForm
:rules="rules" ref="ruleForm"

2 基础校验

// 1.必填校验
{ required: true, message: '请输入活动名称', trigger: 'blur' },
 
// 2.长度校验
{ min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
 
// 3.选择select校验
{ required: true, message: '请选择活动区域', trigger: 'change' }
 
// 4.手机号校验
{
   pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
   message: "请输入正确的电话",
   trigger: "blur",
},
 
// 5.邮箱校验
{  type: "email",  message: "请输入正确的邮箱",  trigger: "blur"  }

3 密码校验

密码一般需要符合一定的要求，并且需要校验两次输入密码相同

​
pwdRules: {
        pwd: [
          { required: true, message: "请输入密码", trigger: "blur" },
          { validator: checkData, trigger: "blur" },
          {
            min: 8,
            max: 20,
            messag