I’ve been experimenting with the new Inertia Form component and really like how it simplifies handling form state, submissions, and server-side validation. However, I’m still unclear about the best way to implement client-side validation before submitting a form to server.

Most examples I’ve found focus on server-side validation triggered after the form is submitted. But what’s the recommended or most elegant pattern for validating fields on the client—things like required fields, email format checks, or real-time input validation—before hitting the server?

If you’ve already implemented this in a clean and reusable way, could you share your approach or patterns?