Newsletter Sign-up form with success message

Community feedback

• 

  Matias Ludueña•1,990

  @matiasluduena23Posted 12 months ago

  Hi ULISES! Good work! Just one recommendation that might help you in this and future projects.

  • You need to validate your input with javascript.

  Something like this

  function validInput(input) {
     if(input.value.trim() === "") {
        //add error class here "can't be blank"
    }else i(!validateEmail(input.value)){
      // add error class here "not valid email"
    }
  }
  
  //function to validate the email
  const validateEmail = (email) => {
    return String(email)
      .toLowerCase()
      .match(
        /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|.(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
      );
  };
  

  You can make a show error function to pass the message to the function and show the error.

  Hope this help you.

  Good code!

  Matias

  Marked as helpful

  0