Trigger validation without call handleSubmit

[nphdiem]

Hi, I have a form with 2 steps. In the first step, I want to trigger validation after I click "Next" button (it likes after calling handleSubmit), so that the validation can begin to trigger after every time form values are changed.

I try to use trigger function but it just run validation when I click button and does not run again when I change form value.

I don't really want to use handleSubmit function, because I actually just move to next step and do not submit the form yet.
You can see the example form here: https://codesandbox.io/s/register-forked-9hqqjk?file=/src/App.js

Does anyone know how to handle this validation ?
Thanks in advance!

[leapful]

@nphdiem : You can use "mode: 'onChange'" option.

Working demo: https://codesandbox.io/s/register-forked-jhkl8u

[nphdiem]

It works, many thanks @leapful

[sandhana14]

Hi @leapful,
While I was looking for a solution for my problem which is exactly the same, i came here and tried the code in the sandbox. What my doubt is, we need to trigger the validation without calling handleSubmit() in the next button, right? but in the code we have still used the handleSubmit() which means we're submitting the form while clicking the next step as well as it triggers the validation, right? Correct me, if I'm wrong. Thanks!

[leapful]

@sandhana14

I've replied on your new discussion here: #10083

[sandhana14]

Thanks :)

[frankflej]

It works thanks alot