Submitted about 3 years ago

HTML, CSS and JS

KT•390

@KtGitIt

Preview site View code

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

HTML
CSS
JS

1newbie

Design comparison

SolutionDesign

Solution retrospective

Greetings All,

Any feedback on anything will be appreciated..

In form, It checks for valid names. Numbers are not allowed. Checks for validation as soon as cursor is moved and displays error based on invalid or empty input.

Keep coding,

Best regards, KT

Community feedback

Fluffy Kas•7,715
@FluffyKasPosted about 3 years ago
Hiya, it looks really great on mobile and desktop. I'd perhaps set a max-width for the form for the sizes in between, as it stretches a lot (check around 900px). It also displays an error message for empty input even before I have a chance to type in anything. I suggest you change that to check on submission only. Or perhaps this is a personal preference only but I haven't seen this on live websites and it would annoy me a bit. ^^
1
KT•390
@KtGitItPosted about 3 years ago
@FluffyKas Thank you for your feedback! I added max-width on mobile layout and removed that annoying onblur function. I had same thought about it and it felt little bit weird to me as well.
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