Skip to content
Submitted 4 months ago

A page using javascript in a form

P
Sanya•300
@Sanya-Zg
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?

By finding a solution for the form using JavaScript.

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

Encountered a problem validating email input.

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

I didn’t fully understand why when entering the address to @, it shows the built-in pop-up validation window, and after entering @, it displays the error message that I created.

Community feedback

  • Dadv-a11y•420
    @Dadv-a11yPosted 4 months ago

    For thé error to ne display you have to remove the type attributs (type="email") from the input elements and Your site IS not well display on mobile to solve this problem i recommandé to set the padding and thé margin of allé the élément to zéro and put thé padding just or margin just inside thé container for the class image use try with <picture></picture> to select the appropriate image when thé width of thé device change

    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