remove required validation on input field (if I entered some text in another input field)

Question

remove required validation on input field (if I entered some text in another input field) .I created input fields (two input field )from json .Initially both are required.But if user enter "hello" in first field I want to remove required check from second input field.I used watch and onchange I checked the value of first field .but how to remove required ?I tried by using unregister but still not working

const onChange = e => {
    console.log(e.target.name);
    if (e.target.name == "agencyName") {
      if (agencyName == "hello") {
        //remove required
        unregister({ required: false, name: "contactPerson" });
      }
    }
  };

here is my code https://codesandbox.io/s/react-hook-form-watch-unir2

API link

https://react-hook-form.com/api/

Can you watch() the field 'contactPerson', then unregister(contactPerson) or unregister(contactPerson.required)? — Sydney Y
yes I can watch contactPerson but how I will unregistered ? — user944513
But what if the user subsequently deletes "hello" from the agency field? You need logic to reinstate required on contact, all too complicated. You need a validation expression that incorporates the value of agency. — Richard Matsen

Paul Paul · Accepted Answer · 2020-02-08T03:51:11

Here's the updated script which makes the Contact Person optional when Agency Name is equal to "hello".

https://codesandbox.io/s/react-hook-form-watch-j396u

remove required validation on input field (if I entered some text in another input field)

1 Answers