For those who are bothered by the browser's default behavior, here is a solution

[Langlw1992]

I was stuck on this problem for a few hours because I added a number input field. When I clicked submit, the browser validated the form instead of @tanstack/react-form itself.

The solution is also very simple: just add the novalidate attribute to your <form> element, and the submit action will trigger your validation correctly.