Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

https://splendorous-fenglisu-abcea5.netlify.app

Akhatmirzoā€¢ 320

@Akhatmirzo

Desktop design screenshot for the Newsletter sign-up form with success message coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Newsletter sign-up form with success message

Community feedback

ajeet achalā€¢ 510

@ajeetachal

Posted

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 helpful

2

Akhatmirzoā€¢ 320

@Akhatmirzo

Posted

@ajeetachal Thank you.

1

Please log in to post a comment

Log in with GitHub
Discord logo

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