Server data triggers validation on new empty required controls

[Andrey-Pavlov]

I have the next setup:

const [form, setForm] = useState({});
const [submission, setSubmission] = useState({});

useEffect(() => {
httpGetAndSetForm();
httpGetAndSetSubmission();
  }, [itemId]);

It automatically triggers validation even on new empty inputs. How to disable validation check on initial setup?

[randallknutson]

I'm not sure what is causing this. by default our forms do not show validations until they are marked as "dirty", meaning that a user has interacted with them or attempted to submit the form. Can you share an example of how you are using the form in react?

[Andrey-Pavlov]

I'm not sure what is causing this. by default our forms do not show validations until they are marked as "dirty", meaning that a user has interacted with them or attempted to submit the form. Can you share an example of how you are using the form in react?

I can't create a pure example. My steps are: 1) create a simple form 2) submit the form 3) add a new question to the form 4) when I open the form it triggers validation automaticaly on the new added form components.

Any solutions to don't trigger validation? Can I reset validation manually?

[randallknutson]

The form instance has a "resetValue()" function and a "setPristine(true)", both of which will reset the form back to how it originally was.

https://github.com/formio/formio.js/blob/master/src/Webform.js#L1019

[TanyaGashtold]

I am closing the issue as it was created too long ago and there are no new comments here. I hope it was resolved. If not, please reopen it. Thanks!

[Andrey-Pavlov]

Hello @TanyaGashtold. It was not fixed but I changed multiple projects, workplaces and got a child. Thank you.