How to programmatically trigger validation on a field in 'react-hook-form'?

Question

I try to do it like so, but it does nothing...

import {useForm, FormContext} from 'react-hook-form';

const formMethods = useForm({mode: 'onSubmit'});
const {triggerValidation} = formMethods;
triggerValidation('myFieldName');

return (
    <FormContext {...formMethods}>
        //here are my form fields, one of which has the key of 'myFieldName'
    </FormContext>
);

@TheTisiboth I want to trigger it within the onChange of one input (actually onChange of a wrapper - Controller), to enforce the validation of another input. But regardless, it doesn't work even within the useEffect.. — k-wasilewski
– k-wasilewski, Commented Dec 1, 2021 at 19:19

Joris · Accepted Answer · 2021-12-15 10:18:10Z

19

you've to use trigger method: https://react-hook-form.com/api/useform/trigger

answered Dec 15, 2021 at 10:18

Joris

2,83618 silver badges21 bronze badges

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

4 Comments

Andy Over a year ago

hmm this didn't work for me - await trigger() resolves to true and formState.isValid is true before and after calling it, even when one of the fields contains an invalid value

Arvind K. Over a year ago

also how can we get latest "errors" object after triggering via trigger(). "errors" contains old object.

Schnitzler Nov 25, 2024 at 18:35

@Andy I believe that you need to pass in the full path to the field, i.e. await trigger('fieldName') or if you grouped the form you need to use await trigger('formGroup.fieldName')

Alex TechNoir Feb 17 at 8:58

The link is no longer valid, here's the new one: react-hook-form.com/docs/useform/trigger

Collectives™ on Stack Overflow

How to programmatically trigger validation on a field in 'react-hook-form'?

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related