Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Solution made with HTML + CSS + custom Vanilla JS form validation

@etnlmy

Desktop design screenshot for the Intro component with sign-up form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi, I would appreciate feedback on the CSS and on the custom form validation. Thanks :)

Community feedback

Phil Jacks 125

@philjacks

Posted

Hi friend!

CSS looks great & all the code is nice & clean. However, when I click the buttons the Javascript validation doesn't seem to work.

My suggestion would be to locate the eventListener for the form submit & add the preventDefault( ) method to stop the page refreshing.

I could be wrong (I'm still a newbie) but worth having a look.

1

@etnlmy

Posted

hey @philjacks , thanks a lot for your feedback :)

You're right, I currently only validate fields when they loose the focus (on blur event). I guess I should also trigger the validation when I submit the form.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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