The answer
Not only on submit. Validate as the user types or on blur, so they get immediate feedback instead of errors only after submitting. This gives much better UX.
Common React Form Mistakes With Controlled and Uncontrolled Inputs
When should I validate a React form?
More FAQs in Common React Form Mistakes With Controlled and Uncontrolled Inputs
Because you set value without an onChange handler. Either add onChange to make it controlled, or use defaultValue instead of value to make it uncontrolled. You cannot set value without handling changes.
No. Use a single handler that updates state by field name, so one function handles the whole form. This is far less verbose than a separate handler for every field.
Because you forgot preventDefault on the form's onSubmit handler. Always call preventDefault and handle the submission in JavaScript to keep the single-page experience.
Still have questions?
Browse all our FAQs or reach out to our support team
Want to upskill yourself?
Your learning library
Small steps. Big possibilities.
Find your next course. Build something great.