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

Sign-up Form w/ CSS grid, JS - Newbie

@Sloth247

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


I have done this project with validity state in JS. I appreciate if you suggest any easier and cleaner solutions to show error messages and icons. Any other feedbacks are also welcome.

Community feedback

P
Patrick 14,325

@palgramming

Posted

When an error state is activated and then input value is corrected when clicking the submit button the error state is not removed for that input

0

@Sloth247

Posted

@palgramming Sorry I don't get what you mean...

0
P
Patrick 14,325

@palgramming

Posted

@Sloth247 click your form with all inputs empty. Then add characters in the first name input and click your form again. The error state shows up on first click and does not deactivate when text is in the field

0

@Sloth247

Posted

@palgramming Thanks, I have fixed and updated as 2nd solution here; https://www.frontendmentor.io/solutions/2nd-signup-form-w-css-grid-js-newbie-PSb3SfYon

0
P
Patrick 14,325

@palgramming

Posted

@Sloth247 in the future you do not need to submit a new challenge here but just update your code on GitHub and everything will should be fine

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