Flex box

Community feedback

• 

  Raza Abbas•790

  @RazaAbbas62Posted 10 months ago

  It looks like you have a form submission event listener in your JavaScript code that should handle the form submission. However, the issue may be related to the validateEmail function, which is currently commented out. Also, the event listener for the form submission is preventing the default behavior, but you need to explicitly check if the email is valid before proceeding with the submission.

  Here's an updated version of your code with a simple email validation check using a regular expression:

  // ...
  
  // function to validate email using a regular expression
  function validateEmail(email) {
      const regex = /^\S+@\S+\.\S+$/;
      return regex.test(email);
  }
  
  // form event listener
  form.addEventListener('submit', (e) => {
      // prevent default form submission
      e.preventDefault();
  
      // get the email value from the input field
      const emailValue = mailInput.value.trim();
  
      // check if the email is valid
      if (validateEmail(emailValue)) {
          // update the user email on the success page
          updatedUserEmail(emailValue);
  
          // clear the input field
          mailInput.value = "";
  
          // toggle between the success page and home page
          switchPages();
      } else {
          // if the email is not valid, display an error message
          error.textContent = 'Enter a valid email address';
      }
  });
  
  // ...
  

  This code uses a simple regular expression to check if the entered email is in a valid format. If the email is valid, it proceeds with the form submission logic; otherwise, it displays an error message. Adjust the regular expression based on your specific email validation requirements.

  Enjoy coding :)

  Marked as helpful

  0