1 data中添加验证规则
validatePass是引入的验证方法,触发方式是失去焦点触发
rules: {
pass: [
{ validator: validatePass, trigger: 'blur' }
],
checkPass: [
{ validator: validatePass2, trigger: 'blur' }
],
age: [
{ validator: checkAge, trigger: 'blur' }
]
}
};
- 讲规则绑到表单上
在el-form标签中
:rules="rules"
在el-form-item中 添加prop属性
<el-form-item label="密码" prop="pass">
- 提交时,统一验证
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
alert('submit!');
} else {
console.log('error submit!!');
return false;
}
});
},