问题描述
const ProfileEditSchema = t =>
Yup.object().shape({
password: Yup.string()
.notrequired(t('TR_PASSWORD_required'))
.matches(
/^(?=.*[A-Za-z])(?=.*\d)[0-9a-zA-Z!@#$%-.()_']{8,}$/,t('TR_PASSWORD_HELPER')
),new_password: Yup.string().when('password',{
is: password => password != undefined,then: Yup.string()
.required(t('TR_PASSWORD_required'))
.matches(
/^(?=.*[A-Za-z])(?=.*\d)[0-9a-zA-Z!@#$%-.()_']{8,t('TR_PASSWORD_HELPER')
)
.test(
'password-not-equal','new and old password are the same',(password,new_password) => password === new_password
)
})
});
除了我的测试功能外,一切正常,每当我设置新密码值时,它都会给我验证消息错误=>“新密码和旧密码相同”,即使我设置了不同的密码。
如果您能判断在这种情况下使用 .test()
是否是最好的方法,也将不胜感激。
我想要的只是在两个输入值相等的情况下抛出错误。
谢谢!
解决方法
注意到你不能在 .test() 中使用其他字段值作为 new_password 并且解决方案解释为 const {new_password}=this.parent,在测试中获取其他字段值不起作用,因为这返回了未定义. 所以根据 this 我在我的代码中使用并替换:
代替:
.test('password-not-equal','new and old password are the same',(password,new_password) => password === new_password)
我写道:
.when('password',schema) => {
return schema.test({
test: new_password => new_password !== password,message: 'Passwords must be different'
});
})