Submitted 2 months ago

Contact form

dinixtus• 100

@dinixtus

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Contact form

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

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

I'm glad I was able to understand JS better and did most of the project without outside help

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

It was difficult to do a check for radio but Chat GPT helped me. It was also difficult to change styles for checkbox and radio. Chat Gpt also helped with these problems

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

When the user selects input radio the background of Label should change to green but I couldn't solve this problem

Community feedback

Mahmood• 1,070

@MahmoodHashem

Posted 2 months ago

Hey there! 🙋🏽‍♂️

Congrats on finishing the challenge! ✅

Your project looks awesome!

When creating forms that require validation before submission, consider utilizing the HTML5 validation API, which can also be used in JavaScript. Add constraints to the inputs in the HTML, and then use them in the if and else conditions in the JavaScript code.

I highly suggest reading this Article on medium, which discusses form validation.

Hope this helps!

Keep up the great work!

Marked as helpful

Please log in to post a comment

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