如何解决test() 在 Yup 中返回错误,即使值不相等
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'
});
})
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。