Newsletter Signup With Success Message

Community feedback

• 

  Tunde Abdulhamid Sanusi (Tuham)•190

  @tuhamworldPosted about 1 month ago

  Well done on the solution. I noticed some errors which are quite important to fix:

  1. The mobile view submit button is overlapping. I attached a screenshot of the submit button overlapping here: overlapping here

  2. Success Message is now showing up: After filling in the email address, the success message is meant to show up but I noticed yours wasn't showing up - even after filling in the correct email address.

  3. Error messages are not showing as well : Validations for the correct email address such that when an incorrect email address is inserted, it should show an error message with the color

  Marked as helpful

  1

  ---

  

  zeegu•310

  @zeeguPosted about 1 month ago

  @tuhamworld

  OMG Thank you so much for the detailed feedback🤩👍Thank you so much for letting me know! I was able to learn about the important mistakes I missed.

  1. Screen capture! Amazing. I didn't know there was such a smart way! I should use it, too🤣

  • Originally, I tried to locate the Submit button at the bottom of the page, but I didn't expect overlapping errors to occur.
  • From a user experience point of view, I should modify the button to be located under the email input.

  2. (&3) What a huge mistake 😂 I noticed that I left out an important part!

  • When loading jacascript, I had to write defer together to be in the head area, but I missed it. Maybe that's why javascript didn't work properly.

  0

  

  zeegu•310

  @zeeguPosted about 1 month ago

  @tuhamworld

  I updated the code after checking the feedback you said. Again, thank you soooo much for your sharp feedback, my friend😁 Hope you have a great day! And happy coding💪

  0

  

  Tunde Abdulhamid Sanusi (Tuham)•190

  @tuhamworldPosted about 1 month ago

  @zeegu

  Well done. I have checked it again, and it works really nice.

  Two things you did awesomely well:

  • Adding the email validation upon users input (instead of onSubmit)

  • Using display: none and flex for the success design box up.

  Well done once again

  Marked as helpful

  1