Responsive Intro component with sign-up form using HTML CSS & JS

Community feedback

• 

  Konstantin Christ•450

  @KonstantinchristPosted almost 2 years ago

  Hello @ShubhPatel06, I like your project, but I highly advise you to use patterns for the email validation instead of the bulit in required tool.

  Example:

  const emailPattern = /^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$/;
  
  if (emailInput.value.match(emailPattern){
  // email valid
  }
  else{
  // email not valid
  }
  
  

  If you use this way of email validation, you can give the error at the inputs also if the field is not empty, but the email is not valid. Such patterns exist for everything (e.g. phone number).

  Hope it helps!

  Marked as helpful

  0

  ---

  

  Shubh Patel•110

  @ShubhPatel06Posted almost 2 years ago

  @Konstantinchrist Noted, thank you.

  0