https://splendorous-fenglisu-abcea5.netlify.app
Design comparison
Solution retrospective
Newsletter sign-up form with success message
Community feedback
- @ajeetachalPosted about 1 year ago
Your design is incredibly impressive and appealing, and I appreciate the clarity and cleanliness of your code. The functionality of your project works smoothly. However, I have a few suggestions that could help make your project even more professional and authentic.
I noticed that you've implemented form validation, which is excellent. However, currently, it only checks for minimal email format validation and might accept inputs like "ajjet@". To enhance this validation, you can use the following regular expression to ensure that email addresses follow a more standard format like "[email protected]":
const emailValue = emailInput.value.trim(); const emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
By using this regular expression, you can enforce a stricter validation for email addresses, which helps ensure data integrity and professionalism in your project. You can also consider displaying error messages just above the input field to provide more user-friendly feedback.
Overall, your project is impressive, and these suggestions are meant to enhance its functionality and user experience further.
Marked as helpful2
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