Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Multi-step Form with React

Gelianthus 160

@Gelianthus

Desktop design screenshot for the Multi-step form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
4advanced
View challenge

Design comparison


SolutionDesign

Solution retrospective


Couldn't implement a system for email and number validation. The project is incomplete in that regard, but still submitting anyway to look hopefully get feedback. Also didn't use proper libraries to ensure an easier way of rerouting from page to page. Please do suggest some useful libraries that I can use for a validation system and a routing library. If possible, do suggest anything other than react-router-dom.

Community feedback

Herman 210

@hqz3

Posted

For form validation you can check out React Form Hook. Alternatively, you can build your own form validation by looking on Stack Overflow where there are plenty of RegEx code for email or phone number validation. Then, you can validate the data directly or you can wrap the RegEx in a function and pass in the email or phone number to validate.

Marked as helpful

1

Please log in to post a comment

Log in with GitHub
Discord logo

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