Design comparison
Solution retrospective
Hello Guys, I hope you're all well, Ideas, comments suggestions, and thumbs up are welcome.
Cheers
Community feedback
- @jcboteroPosted over 1 year ago
Hi, Nice code!!. To add, I think you forgot to put the error message when filling out the form, for example, when you enter a text that does not correspond to the email, a message that says "Looks like this is not an email" should appear, with its respective error icon.
You can do this by placing a div in your html sheet that is only displayed when the error is fired. Something like that:
<input oninvalid="mis()" required> <div class="error" style="display:none;" id="er2" > <img src="images/icon-error.svg" alt="icon"> <div id="show" > Last Name cannot be empty</div> message--> </div>the oninvalid of the input connects to a formula in your javascript sheet, which displays the div below when it doesn't fill properly. DOM management.
If you think this helped you, please mark the comment as helpful. Thank you!
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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