A new validator behavior where Form does not start validation until the first onBlur but validates on every change after that

[tats-u]

React Hook Form can defer the first validation triggered by onChange to the first onBlur by mode: "onTouched".

https://react-hook-form.com/docs/useform#mode

Conform provides the same behavior by setting shouldValidate to "onBlur" and shouldRevalidate to "onInput".

https://conform.guide/api/react/future/useForm

This suppresses offensive false-positive validation errors when an user fill every correct entry and the fastest algorithm to clear the error message when a user corrects an incorrect value.

The absence of this feature is hindering the migration from both libraries.

e.g.

https://stackblitz.com/github/tanstack/form/tree/main/examples/react/simple?embed=1&theme=dark&preset=node&file=src/index.tsx

1. Focus on First Name
2. Type "J"
3. Don't display "First name must be at least 3 characters" here yet!
4. Focus on Last Name
5. Perform the first validation and display "First name must be at least 3 characters" now!
6. Input "Doe"
7. Focus on First Name again
8. Type "o"
9. Resume validation now!
10. Type "h"
11. Validate again and hide "First name must be at least 3 characters" now!
12. Type "n"
13. Validate again. If an error caused, show it.