如何自定义 yup 验证消息？

Question

我见过的大多数答案都是在定义架构时自定义 yup 验证消息，例如

const personSchema = yup.object().shape({
    firstName: yup.string().required('First name is a required field'),
    lastName: yup.string().required('Last name is a required field'),
});

但是如果我想自定义默认验证消息呢？例如，必填字段应始终呈现固定字符串“必填字段”。

Answer 1

您可以使用 yup 中的 setLocale 函数来实现，如下所示：

  import * as Yup from 'yup';

  Yup.setLocale({
    mixed: {
      required: 'Required Field',
    },
  });

有关更多信息，请查看文档：https://github.com/jquense/yup

使用自定义语言环境字典部分是您所需要的。

如何自定义 yup 验证消息？

How to customize yup validation messages?

yup