I have a phone, email and website fields in my form that are optional. But if the user decides to fill them I want to validate that the input is a valid phone, email and url. This is how I…
I am using shadcn, zod, react-hook-form to render a form, some fields are optional and some are mandatory so they do not have the .optional() attribute. I want to render a red * if the field is mandatory, how can…
so I'm almost finish with my update form but I've got a problem in my conditional field. So I have a select field wherein it will show a conditional field depending on the selected value, but the problem I'm encountering…
I'm using the zod library for schema validation and have defined two schemas: FormFactorDevice and FormFactor. I've also implemented a selectFormFactorDevice function to select a value from the FormFactorDevice object based on a given deviceType. However, the return value of…
In my form, I would like the user to have the ability to add an undetermined number of users from other platforms (in this case, the other platforms are Go (board game) servers): My Zod schema looks like this at…
i was trying react hook form with shadcn ui for my school projects and when i try to submit it, the onSubmit event doesnt do anything even when im trying to console log it. import { Badge } from "@/components/ui/badge";…
I have a zod schema like this: export const memberSchema = z .object({ name: z.string().min(3), lastname: z.string().min(3), nationality: zCountries, birthdate: z.date(), email: z.string().email(), tutor: z .object({ name: z.string(), lastname: z.string(), documentType: zDocumentationType, documentValue: z.string(), email: z.string().email(), phone: z.string().regex(/^d{9}$/) }) }).refine((data)…
I'm currently working with react-hook-form and zod for form validation in my React project. I have a specific field, let's call it age, with its input type set to the default (string). In the Zod schema, I explicitly define this…
I am using react Typescript to build a form with Zod validation schema. What I am trying to achieve? So, I want to render conditions based on the values of another field. Every country has its own phone code and…
I have the code: import { z } from "zod"; interface f { tmp: number; } How can I now check that object like { tmp: 123 } has same structure as f?