Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: Add Success Message to Newsletter Subscription Form #17

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

akshay0611
Copy link

Summary:
This PR adds a success message to the newsletter subscription form to improve user feedback. After a user submits the form, a success message is displayed to confirm their request.

Changes Made:

  • Added a hidden success message element (<p class="success-message">) below the form.
  • Included JavaScript to handle form submission and display the success message dynamically.
  • Ensured the form fields are cleared after submission for a clean user experience.

Testing:

  • Verified that the success message appears after form submission.
  • Tested responsiveness across different screen sizes.
  • Ensured alignment with existing CSS styles and framework conventions.

Related Issue:
Closes #16

Copy link

@Imran-imtiaz48 Imran-imtiaz48 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Summary:
This PR enhances the newsletter subscription form by providing user feedback upon successful submission. A success message is displayed after the form is submitted, improving user experience.
Changes Made:
• Implemented an event listener for form submission to prevent default behavior.
• Displayed a success message dynamically when the form is submitted.
• Reset the form fields after submission for a cleaner user experience.
• Added a timeout to hide the success message after 5 seconds.
Testing:
• Verified that the success message appears after form submission.
• Ensured the message disappears after the set timeout.
• Checked form behavior across different browsers and screen sizes.
• Ensured compatibility with existing styles and layout conventions.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Enhancement]: Add Success Message to Newsletter Subscription Form
2 participants