Newsletter sign-up form with success message

Community feedback

• 

  Muslim Abdullah•100

  @abdullahmuslimPosted over 1 year ago

  Try fixing the dismiss message button

  • It suppose to close the success message hopefully bring you back to the signup form.
  • The active state should be on :active psuedo attribute not :hover

  Hope you find it helpful 🙂

  1

  ---

  

  João Victor•130

  @joaovictormendessilvaPosted over 1 year ago

  Thanks for the advice, I made the two changes you commented on. Feel free to test again.

  0

  

  Muslim Abdullah•100

  @abdullahmuslimPosted over 1 year ago

  @joaovictormendessilva

  I think there is just one more little thing you might want to add to your input, another event listener.

  onInput When the inserted email doesn't match the format, you might want to clear the warning after an input and wait for resubmission. I mean it doesn't look good to have an error lurk around when it's being fixed. I don't think it's good for user experience.

  const input = document.querySelector("input");
  input.addEventListener("input", clearError);
  
  function clearError(){
  //change styles back to previous here
  ...
  }
  

  0