How am I able to know whether a form has been validated or not?

[xsjcTony]

I can see there's a isSubmitted property in formState, but does that guarantee whether the form has been validated, or is that set to true if validation fails, and the form failed to submit?
Wondering whether we have something like isValidated? Or how can I work around it?

My requirement is:

• Only show error or success state on fields, if the form has been validated, that's it.

[Tilakmahajan]

Hi 👋

isSubmitted only tells you that a submit attempt happened — it does not guarantee the form is valid.

If you want to know whether validation has run and control when to show error/success state, you can combine:

const { formState: { isSubmitted, isValid, errors } } = useForm({
mode: "onSubmit", // important
});

Key points:

isSubmitted → becomes true after submit attempt (even if invalid)

isValid → true only when there are no validation errors

errors → contains current validation errors

If your requirement is:

“Only show error/success state after validation”

You can do something like:

const showValidationState = isSubmitted;

{showValidationState && errors.name && Error}

Or for success state:

{showValidationState && !errors.name && Success}

If you want to know whether the submission was successful (no errors), you can use:

formState.isSubmitSuccessful

That’s usually the cleanest signal after submit.

Let me know if this resolves your use case 👍