uestion: Coercing FormData values for server-side Zod validation
Hey everyone! I’m using Zod for validation both on the client and server. On the client, validation works perfectly. But when I send the form to a server action using FormData, things fall apart.
Specifically:
The browser correctly sends all form fields as strings, but my server-side schema expects num to be a number:
In my server action, I use createServerValidate() like this:
But since formData.get("num") returns a string, z.number() fails validation.
What’s the proper way to coerce FormData values (like "num") into the correct types before passing them into the schema for server validation? Should I transform formData to a plain object with type coercion first, or is there a built-in/best-practice way of handling this with Zod or createServerValidate?
Thanks in advance!
Specifically:
The browser correctly sends all form fields as strings, but my server-side schema expects num to be a number:
In my server action, I use createServerValidate() like this:
But since formData.get("num") returns a string, z.number() fails validation.
What’s the proper way to coerce FormData values (like "num") into the correct types before passing them into the schema for server validation? Should I transform formData to a plain object with type coercion first, or is there a built-in/best-practice way of handling this with Zod or createServerValidate?
Thanks in advance!
