I'm working with React 19 and Next.js 15. I want to create a form that lets users update the payment amount and currency. Each currency has a different maximum payment limit, and if a user enters a value over that…
I just followed a youtube tutorial about using server action with useFormState. When I following the video, There is an error fro react saying to use useActionState insted of useFormState. So I followed it up. Here is my current implementation…
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…