A HTML , CSS and JAVASCRIPT basic client site for form validation
Design comparison
Solution retrospective
Hi guys, here is my first project using JavaScript for form validation, kindly look through my codes and let me know if it is well structured and designed. I await your feedback. Thanks
Community feedback
- @MelvinAguilarPosted 12 months ago
Hello there 👋. Good job on completing the challenge !
-
Your form validation logic is solid, but for better code organization, consider separating your CSS styles from the JavaScript logic. Create a CSS class with the desired styles, and then use JavaScript to add or remove that class. This helps maintain a cleaner structure and makes it easier to manage styles.
Here's an example:
CSS:
.error { border: 1px solid red; } .success { border: 1px solid green; }
Your JavaScript
if (!emailField.value.match(/^[A-Za-z\._\-0-9]*[@][A-Za-z]*[\.][a-z]{2,4}$/)) { emailError.classList.add('error'); return false; } else { emailError.classList.remove('error'); emailField.classList.add('success'); return true; }
Happy coding!
Marked as helpful0@ManifoldbitPosted 12 months ago@MelvinAguilar .. Thanks so much.. i really appreciate.. i will make adjustments
1 -
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