Validation Hooks

• On Form Initialization
• Extending the Class
• Override on Manual Submit

---

Override on Manual Submit

onSuccess(form) & onError(form)

Override Validation Hooks at submit time or via the onSubmit Event Handler.

const hooks = {
  onSuccess(form) {
    alert('Form is valid! Send the request here.');
    console.log('Form Values!', form.values());
  },
  onError(form) {
    console.log('All form errors', form.errors());
    form.invalidate('This is a generic error message!');
  },
};

They take the form/field instance as parameter in input.

Pass as first argument to submit():

form.submit({ onSuccess: hooks.onSuccess, onError: hooks.onError });

Or as second argument to onSubmit() Event Handler:

<button
  type="submit"
  onClick={e => form.onSubmit(e, {
    onSuccess: hooks.onSuccess,
    onError: hooks.onError,
  })}
>Submit</button>