Skip to content

Add success message to hero form on successful submission#4

Open
akshay0611 wants to merge 1 commit into
codewithsadee:masterfrom
akshay0611:add-success-message-to-hero-form
Open

Add success message to hero form on successful submission#4
akshay0611 wants to merge 1 commit into
codewithsadee:masterfrom
akshay0611:add-success-message-to-hero-form

Conversation

@akshay0611
Copy link
Copy Markdown

What does this PR do?

This PR adds a success message to the hero form, which appears after a successful email submission. It enhances the user experience by providing clear feedback upon form submission. It closes Issue no #3

Changes:

  • Updated the HTML structure to include a success message div.
  • Implemented JavaScript to display the success message when the form is submitted successfully.
  • Cleared the input field after form submission.
  • Added a timeout to hide the success message after 3 seconds.

How to Test:

  1. Open the page containing the hero form.
  2. Enter a valid email address and submit the form.
  3. A success message should appear saying "Thank you! Your email has been successfully submitted."
  4. The success message should disappear after 3 seconds, and the email input should be cleared.

Additional Notes:

  • This functionality improves form feedback and ensures users are aware that their submission was successful.

Screenshot after the changes
Uploading Screenshot 2025-01-29 at 12.54.56 PM.png…

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.

1 participant