Skip to content
Submitted 7 months ago

use regex for the email validations

Dhanush Pani•30
@dhanushpani
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Newsletter sign-up form with success message
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

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

instead of using frameworks, can be done with plain html,css and javascript,

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

Using regex , the main challenge in this project and writing validation logic

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

its kinda easy for the junior level i guess, need to be in newbie category

Community feedback

  • John Pugh•340
    @JohnPugh688Posted 7 months ago

    Hi Dhanush,

    Your project looks good.

    One thing i noticed was you forgot to add a function to you dismiss button for returning to your main validation page. You would first need to add an id to your main card and your success card. something like id='Card' and id='successCard' or whatever you want to call them so you have a way of toggling between them. you could then try the following try the following:

    function dismiss() { successCard.style.display = "none"; card.style.display = ""; errorMessage.style.display = ""; emailInput.style.background = ""; emailInput.value = ""; emailInput.focus(); }

    You could also try and get the success card to display the email address the user entered but il let you have a think about how that might be done.

    hope this helps and let me know if you manage to get it to work or even if you think of a better way of doing it.

    Good luck

    0

Please log in to post a comment

Log in with GitHub

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