How to clear field errors onChange?

Hello!

I’m using TanStack Form for the first time and trying to achieve the following validation flow:
1. User types into a field.
2. Validation runs only on blur.
3. If there’s an error, and the user starts typing again, the error should clear immediately (on change).
4. On the next blur, validation should re-run.

I tried resetting the error by returning undefined from the

onChange

onChange

validator, but it doesn’t seem to have any effect. Is there a recommended way to clear field errors when the user starts typing?

Here’s a simplified example that I've tried (without success):

<form.Field
  name="activityType"
  validators={{
    onChange: () => undefined,
    onBlur: ({ value }) =>
      validateRequiredField(value, "Activity type"),
  }}
>
// Returns error "Activity type required" using a custom `validateRequiredField` function

<form.Field
  name="activityType"
  validators={{
    onChange: () => undefined,
    onBlur: ({ value }) =>
      validateRequiredField(value, "Activity type"),
  }}
>
// Returns error "Activity type required" using a custom `validateRequiredField` function

Any ideas on how to reset the error state correctly on change?

Thanks!

TanStack•9mo ago•

1 reply

popular-magenta

How to clear field errors onChange?

Hello!

onChange

onChange

validator, but it doesn’t seem to have any effect. Is there a recommended way to clear field errors when the user starts typing?

Here’s a simplified example that I've tried (without success):

<form.Field
  name="activityType"
  validators={{
    onChange: () => undefined,
    onBlur: ({ value }) =>
      validateRequiredField(value, "Activity type"),
  }}
>
// Returns error "Activity type required" using a custom `validateRequiredField` function

<form.Field
  name="activityType"
  validators={{
    onChange: () => undefined,
    onBlur: ({ value }) =>
      validateRequiredField(value, "Activity type"),
  }}
>
// Returns error "Activity type required" using a custom `validateRequiredField` function

Any ideas on how to reset the error state correctly on change?

Thanks!

How to clear field errors onChange?

How to clear field errors onChange?

Similar Threads