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

@himanshukrmr

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


Hi Community,

Tried to make this multi step form using HTML, SCSS and JQuery. Almost all functionality is done but I was stuck in some. Comments are welcome for improvement.

Thanks

Community feedback

madhaus 1,040

@festsnusa

Posted

Hi there! Congratulations for finishing this challenge! I've tested your page and found some bugs:

  • I found weird that arrows for phone number are available. Plus, you should limit your phone number length. Perhaps you should use imask.js for phone formats;
  • when I filled the name input incorrectly, and then edited it to the correct way, the red border is still there;
  • when I step forward and then go back to the step 1, the red borders are still there;
  • on the step 2, i'm able to choose several plans at one time. that's incorrect;
  • on the step 4, when i don't choose plan "Arcade", my choice is still "Arcade".

Hope you find my feedback useful. Happy coding!

Marked as helpful

0

@himanshukrmr

Posted

@festsnusa Thanks for the feedback, will work on the issues you suggested.

0

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