表单自定义验证,如图:
data中定义的验证规则:
var validatePass = (rule, value, callback) => {
if (value === '') {
return callback(new Error('请输入密码'));
} else {
if (this.ruleForm.checkPass !== '') {
this.$refs.ruleForm.validateField('checkPass');
}
callback();
}
};
js部分的代码:
this.$refs[formName].validate((valid)=>{
if(valid){
}else{
return false;
}
})
一般情况下, 在if判断中,我们会使用return callback();来返回提示信息,对应的else不能省略,else中使用callback(),否则在项目中使用的时候,在if(valid)这一步,始终进不到下一步骤,也不把报错。