I have a form that has two input fields that are mutually dependent on each other. They can both be blank but if one is filled out, the other has to be filled out. They must also both be numbers…
Hi i have a form with 8 fields. Name Email isWorking (checkbox) Company Name Company Type Company Number Fav Car (dropdown) Other Car if isWorking is checked then Company (Name, Type, Number) fields will get visible and all 3 will…
I'm encountering an issue with form validation using react-hook-form and Yup where validation errors are reported even though the fields appear to be valid according to my Yup schema. The form includes nested fields under clientInformation, such as name.firstName and…
I added react hook form in react app, while validating certain fields i add some condition in schema. yup .object({ test1: yup.number().when('test2', (test2: number, schema: yup.NumberSchema): yup.NumberSchema => { if (test2 !== undefined && test2 < 1) { return schema.required('Required…
I'm using React 18, Ionic 7, Formik 2.4 and Yup 0.32. I have an object with a nested object export type Person = { name: string address: Address } The address objecdt is defined as export type Address = {…
I'm trying to use yup to check if the field industryNameOther is not left empty but I want to perform this check only if field industryName, which is an array of strings, includes a string 'other'. What am I doing…
I have this Material UI DatePicker: <Grid item xs={12}> <LocalizationProvider dateAdapter={AdapterDayjs}> <DatePicker label="Date of birth" format="DD/MM/YYYY" value = {values.dob} sx={{ width: '50%' }} slotProps={{ textField: { id: 'dob', helperText: touched.dob ? errors.dob : "", error: touched.dob && Boolean(errors.dob), }, }}…
I use useForm for submit my form in ReactJS. In useForm we define initialValues whith blank content. and for inputs we use values for example: value={formik.values.bookName} I want to assign for id uuid that submit automatically, and other field such…
I need to validate the form as follows: all fields in the form are optional, but if at least one field has a value entered, they all become mandatory. I wrote: const getRequiredSchema = () => { return Yup.string().when(["full_name", "email",…
I'm building a multi-step form where each step is its own form and has its own validation schema. im using react-hook-form for the form (don't think that matters here) and yup for the validation so heres a simplified version of…