是的条件验证

Question

我想使用我的架构在其他字段的基础上验证一个字段。比如，如果 carType 是“SUV”，则最大“noOfPassengers”应该是 6，否则是 4。但是，它没有验证这种情况，我既不能调试它，也不能在控制台中得到任何错误。

const validationSchema = yup.object().shape({
    location: yup
        .string()
        .required('location is required'),
    destination: yup
        .string()
        .required('Destination is required'),
    carType: yup
        .string(),
    noOfPassengers: yup
        .string()
        .when('carType', {
            is: value => value && value === "SUV",
            then: yup
                .string()
                .max(6, 'Max 6 passengers are required'),
            otherwise: yup
                .string()
                .max(4, 'Max 4 passengers are required'),
        }),
});

Answer 1

您正在将 noOfPassengers 的值作为字符串进行比较，而它应该是这样的数字：

Yup.object().shape({
  location: Yup
      .string()
      .required('location is required'),
  destination: Yup
      .string()
      .required('Destination is required'),
  carType: Yup
      .string(),
  noOfPassengers: Yup
      .number()
      .when('carType', {
          is: value => value && value === "SUV",
          then: Yup
              .number()
              .max(6, 'Max 6 passengers are required'),
          otherwise: Yup
              .number()
              .max(4, 'Max 4 passengers are required'),
      }),
});

如果你运行这个，你应该得到验证错误。你的逻辑条件也有缺陷。你也应该解决这个问题，但这不是这个答案的范围。

问题是

Yup.string() 应该是 Yup.number()，因为您在 max 中比较它。