Skip to content
Submitted 17 days ago

Responsive Newsletter Signup Form HTML/CSS/JS

P
Kyle Mulqueen•290
@kmulqueen
A solution to the Newsletter sign-up form with success message challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

The design and logic came through really nice with the design spec. Next time I would use a library for form validation.

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

Form validation: when submitting an empty form, I was having trouble applying the styles and hiding the constraint validation api message. I disabled the default behavior of the "invalid" event to hide the built in api message.

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

Form validation without using a library. How did others go about applying the error styles effectively?

Code

Please log in to post a comment

Log in

Community feedback

  • Md Irfan Rahman Mubin•170
    @Md-Mubin

    After submiting with empty input, error massage shows. But after that, writting in input dose not remove the error massage. Need to remove it when you start writting or giving value in the email input.

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