required_error message never shows

[johann-taberlet]

First, thanks for this project.

I don't know if I'm doing something wrong but the required_error message is never shown for me. Native browser error does.

const formSchema = z.object({
        email: z.
            string({
                required_error: "Veuillez renseigner votre e-mail.",
            })
            .email({
                message: "E-mail incorrect.",
            })
    });

Am I doing something wrong ?

Email format check error works as intended and display the red message.

[vantezzen]

This is expected behavior: The native errors validate before the zod validations are made. So if the native validation fails it will not get to zod - only if native validation passes.

If you want, you can remove the native validation code to only show zod errors.

[johann-taberlet]

Thanks, I just found the answer (which was actually in the question).

Adding formNoValidate on the submit button indeed solved that issue.