Multi-step form React and Tailwind

Hello there! Could someone advise me on the best way to approach the form validation side of things? I tried using the "pattern" HTML attribute and passing in Regex but I kept on getting errors. As a result I have not fulfilled all of the active state requirements (red input border with "This field is required" title). Also the form seems to submit on every state change, which I don't know how to handle.