Question

我正在尝试创建一个输入，该输入采用一个字符串，该字符串将用作标签的href值。 href可以是网址或电子邮件（对于mailto：）。

如果我仅检查电子邮件或仅检查URL，它就可以工作。但是，我要检查一个或另一个。我正在浏览yup文档，但找不到找到OR的方法。

我注意到有一个测试另一个字段的时间，但是我没有检查另一个字段是否为真或使用test，但我似乎也无法使其正常工作。

const vSchema = yup.object().shape({
  text: yup.string().required(),
  href: yup
    .string()
    .email('Link must be a URL or email')
    .url('Link must be a URL or email')
    .required('Link is a required field'),
});

Answer 1

测试此

yup.addMethod(yup.string, "or", function(schemas, msg) {
  return this.test({
    name: "or",
    message: "Please enter valid url or email." || msg,
    test: value => {
      if (Array.isArray(schemas) && schemas.length > 1) {
        const resee = schemas.map(schema => schema.isValidSync(value));
        return resee.some(res => res);
      } else {
        throw new TypeError("Schemas is not correct array schema");
      }
    },
    exclusive: false
  });
});

使用一个字段但有两个可能的选项（OR）进行Yup验证

1 个答案: