Design comparison
SolutionDesign
Solution retrospective
Implementation
- MVC
- I tried the reducer model from react.
- Debounced the input and submit handlers.
- The form field that is invalid gets focused on submit. If there are more than one invalid fields, the first one gets focused.
Difficulties
- Accessibility: If there is an error in a form field, should the result text below be hidden from the a11y tree?
TODO
- Validate the form fields as the user enters data, not on submit.
Community feedback
Please log in to post a comment
Log in with GitHub
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord