React hook form controller

[karthiktrp102]

here I am using React hook form for validation I need to add validations for either first name or last name suppose if I only fill the first name there is no need to fill the last name so I am able to submit or if I only fill the last name there is no need to fill the first name so I need to validate like that can anyone help me

[thanh-nguyen-95]

First of all, that's not how you use Controller for custom input. Please read the documentation again:

• https://react-hook-form.com/get-started#IntegratingControlledInputs
• https://react-hook-form.com/api/useform/register

For you needs, you can use validate and getValues to validate each field. Some thing like this:

function isFirstNameOrLastNameFilled() {
  const firstName= getValues('firstName')
  const lastName = getValues('lastName')

  const isValid = firstName || lastName

  if (!isValid) return 'Your error message here'
  return true
}

<Controller
  name="firstName"
  rules={{ validate: isFirstNameOrLastNameFilled }}
  render={ /* render the input here */ }
/>

[bluebill1049]

Thank you @thanh-nguyen-95