iView表单自定义校验规则

前言

在实际工作过程中，有用到iView这款基于Vue的UI组件库。在使用其中的表单组件的时候，除了其自带的表单校验规则，有时需要根据自身的业务需求自定义校验规则，下面介绍下实现方式。

正文

//自定义规则校验邮箱输 入
const validateEmail = (rule, value, callback) => {
  var reg = new RegExp("^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*    [a-z0-9]+.){1,63}[a-z0-9]+$");
  if (!reg.test(value)) {
    callback(new Error('邮箱格式不正确'));
  } else {
    callback();
  }
};

//然后再需要的地方使用该校验规则即可
projectEmail: [
  { required: true, message: this.$t('pro-form-validate-projectEmail'), trigger: 'blur' },
  { validator: validateEmail, trigger: 'blur', trigger: 'change' }
]