当我有分钟并且不需要时，会抛出错误

问题描述

我尝试使用yup验证模式：

import * as yup from "yup";

let schema = yup.object().shape({
  name: yup.string().min(5)
});

const x = { name: "" };

// check validity
schema
  .validate(x,{ abortEarly: false })
  .then((result) => {
    console.log({ result });
  })
  .catch((err) => {
    console.log({ err });
  });

codesandbox.io example

name对象中的x为空。但是是的，抛出错误min。为什么？哪个规则可以解决这个问题？

仅当包含任何字符时，我才需要验证min。如何使用yup函数？

解决方法

Yup抛出Error作为异常。您看不到console.log。如果您想在控制台上看到错误消息。在您的情况下，您只想检查name是否有值。否则，请勿检查运行评估程序是否需要使用yup.lazy，然后在其中添加条件：

const mySchema = yup.lazy((value) =>
  yup.object().shape({
    name: value.name.length > 0 && yup.string().min(5) //add condition here
  })
);

这是代码：

import * as yup from "yup";

const mySchema = yup.lazy((value) =>
  yup.object().shape({
    name: value.name.length > 0 && yup.string().min(5)
  })
);

const x = { name: "" };

// check validity
mySchema
  .validate(x,{ abortEarly: false })
  .then((result) => {
    console.log({ result });
  })
  .catch((err) => {
    console.error(err);
    console.log("Error message",err.message);
  });

以下是演示：https://codesandbox.io/s/yup-render-only-input-tyjyu

,

我有一个 ticket out with the makers of yup 来查看是否有办法使用内置功能来做到这一点。作为解决方法，您可以使用正则表达式通过 match 函数完成此操作。

let schema = yup.object().shape({
  name: yup.string().matches(/^(|.{5,})$/,"X must be at least 5 characters")
});

这是沙箱：https://codesandbox.io/s/hopeful-lewin-z77pc