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
– Sydney Y, Commented Feb 8, 2020 at 3:47
yes I can watch contactPerson but how I will unregistered ? — user944513
– user944513, Commented Feb 8, 2020 at 4:05
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
– Richard Matsen, Commented Feb 8, 2020 at 23:44

Paul · Accepted Answer · 2020-02-08 03:51:11Z

2

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

answered Feb 8, 2020 at 3:51

Paul

1,0227 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

user944513 Over a year ago

I am getting resone from server..don't change json

user944513 Over a year ago

please remove this answer

Paul Over a year ago

Your question was about making validation optional, which my answer provides, you're now talking about a server issue, which is outside of the scope of your original question.

user944513 Over a year ago

My question is why you change json ..any other solution

Paul Over a year ago

Your code example doesn't have JSON. The fields variable isn't JSON, it's a Javascript array of objects. I had to change value: true to value: isContactPersonRequired because you want the value to be dynamic, not hardcoded to true.

Collectives™ on Stack Overflow

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

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related