html 5 自定义验证 俩密码是否一致,vue验证俩次密码是否相同

好记性不如烂笔头，再说这俩年记性差到不行，之前把别人得复制过来改改，现在又要写了，已经忘到十万八千里了，真是让人难过。。。

啥也不说了，还是上代码。

1.要求是密码6-20位

验证

var validatePass = (rule, value, callback) => {

if (value === '') {

callback(new Error('请输入密码'));

} else {

if (this.editForm.checkPass !== '') {

this.$refs.editForm.validateField('checkPass');

}

callback();

}

};

var validatePass2 = (rule, value, callback) => {

if (value === '') {

callback(new Error('请再次输入密码'));

} else if (value !== this.editForm.password) {

callback(new Error('两次输入密码不一致!'));

} else {

callback();

}

};

使用

password: [

{ required: true, message: '请输入密码', trigger: 'blur' },

{ min: 6, max: 20, message: '请输入6-20位字符', trigger: 'blur' },

{ validator: validatePass, trigger: 'blur' }

],

checkPass: [

{ required: true, message: '请再次输入密码', trigger: 'blur' },

{ validator: validatePass2, trigger: 'blur', required: true }

],