如何用Yup对另一个字段进行验证？

Question

我正在设置一个包含两个字段的表单:开始月份和月底。

开始月份和结束月份仅由相应月份的整数(0-11)表示。我需要验证以确保月底在开始月份之后(即月底的整数更大)。

我从几年前就看过其他类似的问题，但是yup似乎已经更新了，使它们变得无用。我尝试了下面的代码和几个变体。

作为一个数字，我也很难验证月底(.number() )--我假设我必须在测试函数中这样做。

let schema = yup.object().shape({
  startMonth: yup
    .number()
    .required()
    .positive()
    .integer(),
  endMonth: Yup.string().test(
  "End Month Validation",
  "error message",
  value => {
    return value > startMonth;
  }
)
.number()
.required()
.positive()
.integer(),
});

错误:第102行：“startMonth”未定义为no-undef

Answer 1

另一种方法是使用.ref()和.moreThan()来执行这个验证逻辑。

如下所示应能满足您的要求：

let schema = Yup.object().shape({
  startMonth: Yup
    .number()
    .required()
    .positive()
    .integer(),
  endMonth: Yup.number() /* Remove .string() */
    .required()
    .positive()
    /* Reference startMonth field in validating endMonth value */
    .moreThan(Yup.ref('startMonth'), "End month must come after start month")
    .integer(),
});

schema.validate({ startMonth : 1, endMonth : 2 })  // Okay!
schema.validate({ startMonth : 11, endMonth : 2 }) // Throws exception

希望这能帮上忙！