如何自定义 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

setLocale您可以通过使用如下函数来做到yup这一点：

  import * as Yup from 'yup';

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

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

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