当其他字段为空时显示是的字段验证。至少一个字段必须有效

Question

当使用 yup 表单未选中至少 5 个复选框中的一个时，我需要显示验证错误。我尝试以这种方式创建模式

const accumulatorsSchema = yup.object().shape({
  name: yup.string().required("Name is required"),
  a: yup.string(),
  b: yup.string(),
  c: yup.string(),
  d: yup.string(),
  e: yup.string(),
  checkbox_selection: yup.string().when(["a","b", "c","d", "e"], {
    is: (a, b, c, d, e) => !a && !b && !c && !d && !e,
    then: yup.string().required("At least one checkbox is to be selected"),
    otherwise: yup.string()
  })
})

在上面的代码中，a、b、c、d、e 是五个复选框，我将在其中保存选中的“Y”和未选中的“N”。如果至少其中一个没有被选中，那么我需要显示一个必需的验证错误。我找不到修复它的方法。谁能帮我？提前致谢。

Answer 1

我已经测试了你的模式，它有效，逻辑很好。

转载

codesandbox.io/s/yup-playground-forked-krlqy?file=/src/index.js

import { object, string } from "yup";

const schema = object().shape({
    name: string().required("Name is required"),
    a: string(),
    b: string(),
    c: string(),
    d: string(),
    e: string(),
    checkbox_selection: string().when(["a", "b", "c", "d", "e"], {
        is: (a, b, c, d, e) => !a && !b && !c && !d && !e,
        then: string().required("At least one checkbox is to be selected"),
        otherwise: string() // unnecessary
    })
});

schema
    // .validate({ name: "foo" })         // ValidationError: At least one checkbox is to be selected
    .validate({ name: "foo", a: 'foo' })  // Ok
    .then((res) => {
        console.log(res);
    })
    .catch((e) => {
        console.log(e);
    });

当其他字段为空时显示是的字段验证。至少一个字段必须有效

Show yup field validation when other fields are empty. At least one field has to be valid

reactjs

yup