如何解决Yup多条件验证
我有3个默认不需要的字段。但是,该规则要求,如果提供3个字段中的任何一个,则将全部需要3个。
示例field_1,field_2和field_3
validataionSchema = Yup.object({
title: Yup.string().max(10,"Max character exceeded").required("This field is required"),field_1: Yup.string().max(32,"Max character exceeded"),field_2: Yup.string().max(32,field_3: Yup.string().max(32,})
我尝试过
validataionSchema = Yup.object({
title: Yup.string().max(10,field_1: Yup.string().max(15,"Max character exceeded")
.when(['field_2','field_3'],{
is: (field_2,field_3) => {
console.log("* field_2,field_3",field_2,field_3)
return true
},then: Yup.string().required("This field is required")
}),field_2: Yup.string().max(64,"Max character exceeded")
.when(['field_1',{
is: (field_1,field_3) => {
console.log("** field_1,field_1,field_3: Yup.string().max(64,'field_2'],field_2) => {
console.log("*** field_1,field_2",field_2)
return true
},})
但是得到Error: Cyclic dependency,node was:"field_2"
解决方法
为了对解决方案感兴趣的任何人的利益
field_1: Yup.string().max(15,"Max character exceeded")
.test("field_1","This field is required as part of Fields details",function(value) {
let f2 = this.resolve(Yup.ref("field_2"));
let f3 = this.resolve(Yup.ref("field_3"));
if ((typeof value === "undefined" && typeof f2 === "undefined" && typeof f3 === "undefined") || typeof value !== "undefined") {
return true
}
return false;
}),field_2: Yup.string().max(64,"Max character exceeded")
.test("field_2",function(value) {
let f1 = this.resolve(Yup.ref("field_1"));
let f3 = this.resolve(Yup.ref("field_3"))
if ((typeof value === "undefined" && typeof f1 === "undefined" && typeof f3 === "undefined") || typeof value !== "undefined") {
return true
}
return false;
}),field_3: Yup.string().max(64,"Max character exceeded")
.test("field_3",function(value) {
let f1 = this.resolve(Yup.ref("field_1"));
let f2 = this.resolve(Yup.ref("field_2"));
if ((typeof value === "undefined" && typeof f1 === "undefined" && typeof f2 === "undefined") || typeof value !== "undefined") {
return true
}
return false;
}),
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。