Newsletter sign-up form with success message

Community feedback

• 

  P

  Radu Petre Tarean•560

  @2XG-DEVPosted 5 months ago

  Your solution seems a bit incomplete but nice job!

  You should try to follow the design closer and use the button:hover attributes to add that nice hover effect with the gradient and colored box shadow in.

  You can try to use javascript to get the form and not show the default browser overlay and show your own error like this

  
  const form = document.getElementById("emailForm");
  const emailInput = document.getElementById("email");
  const errorMessage = document.getElementById("emailError");
  
  form.addEventListener("submit", (event) => {
    event.preventDefault();
  
    if (!emailInput.validity.valid) {
      emailInput.classList.add("invalid");
      errorMessage.style.display = "block";
    } else {
      emailInput.classList.remove("invalid");
      errorMessage.style.display = "none";
      // Proceed with form submission or further logic
      console.log("Form submitted successfully.");
      isSuccess = true;
      email = emailInput.value;
      updateUI();
    }
  });
  

  0