Submitted over 3 years ago

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

Yuko Horita•645

@Sloth247

Preview site View code

This is a solution for...Intro component with sign-up form

HTML
CSS
JS

1newbie

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

Patrick•14,265
@palgrammingPosted over 3 years ago
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
Yuko Horita•645
@Sloth247Posted over 3 years ago
@palgramming Sorry I don't get what you mean...
0
Patrick•14,265
@palgrammingPosted over 3 years ago
@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
Yuko Horita•645
@Sloth247Posted over 3 years ago
@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
Patrick•14,265
@palgrammingPosted over 3 years ago
@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

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