前言
在实际工作过程中，有用到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' }
]
网友评论