小编Olo*_*a M的帖子

如何在zod中制作自定义错误消息?

我正在尝试为 zod 验证编写自定义错误消息。

这是我的架构对象,我在错误消息中传递了它。

const schema: ZodType<FormData> = z.object({
    firstName: z.string().nonempty(),
    lastName: z.string().nonempty(),
    email: z.string().email().min(5).nonempty(),
    pin: z.string( { invalid_type_error: "Must contain 4 digitsss "}).nonempty().min(4, "Must be 4 digits").max(4, "Must be 4 digits").regex(pinPattern),
    phoneNumber: z.string().nonempty().min(11),
    password: z.string().min(8).regex(Passwordregex).nonempty(),
    confirmPassword: z.string().min(8).nonempty(),
  }).refine(data => data.password === data.confirmPassword, {
    message: "Passwords don't match",
    path: ['confirmPassword']
  })
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

我尝试过字符串替换方法,但没有得到我想要的结果。

 {errors.
<span className='text-xs font-medium text-[#DC2626]'>{errors.firstName.message?.replace('String', 'First Name')}</}
Run Code Online (Sandbox Code Playgroud)

forms typescript reactjs react-hook-form zod

5
推荐指数
2
解决办法
2万
查看次数

标签 统计

forms ×1

react-hook-form ×1

reactjs ×1

typescript ×1

zod ×1