Responsive Sign-Up Form with Client Side Form Validation

What are you most proud of, and what would you do differently next time?

By building this project, I was able to learn the basics of client side form validation. I was able to handle input change and form submissions and display the appropriate error messages when necessary. I wrote my own validation logic without relying on third party libraries.

I believe there is more to form validation and handling so I will continue learning more about it and maybe use a third party library if I am already confident with writing validation logic from scratch.

What challenges did you encounter, and how did you overcome them?

Over the course of my development, I was overwhelmed by the complexities that form validation has. You need to consider a lot of things and there are many approaches you can make and I was confused on what approach to pick.

To overcome this, I started reading about form validations. I read the resources provided by frontend mentor. It really helped me learn the foundations I need. Afterwards, I tried writing some code based on what I know so far. I also did refactor the code and tried to find what I think is right. After persisting, I finally produced the code that I am proud of.

What specific areas of your project would you like help with?

Here are the things I want to get feedback on:

• What are your thoughts on my form validation JavaScript logic and how I switch between the form page and the success page?

• How can I improve my solutions accessibility? Is there any accessibility issues that I need to fix?

Feel free to give any feedback and recommendations.

Thank you.