Intro-component-with-signup-form

Community feedback

• 

  Kimo Spark•2,190

  @kimodev1990

  Posted over 1 year ago

  • You could use :-

  let inputs = document.querySelectorAll("input");
  let form = document.querySelector("form");
  let errorIcon = document.querySelectorAll(".er_ricon");
  let errorLabel = document.querySelectorAll(".nameErr");
  
  form.addEventListener("submit", (event) => {
    event.preventDefault();
    inputs.forEach((items, index) => {
      if (
        items.value === "" ||
        (validateEmail(items.value) === true && index == 2)
      ) {
        showError(index);
      } else {
        hideError(index);
      }
    });
  });
  

  • Then :-

  function showError(inputIndex) {
   errorIcon[inputIndex].classList.add("error-icon-show");
   errorLabel[inputIndex].classList.add("label-info-show");
  }
  
  function hideError(inputIndex) {
   errorIcon[inputIndex].classList.remove("error-icon-show");
   errorLabel[inputIndex].classList.remove("label-info-show");
  }
  

  • Your validation of Email :-

  function validateEmail(inputText) {
    const mailFormat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
    if (inputText.match(mailFormat)) {
      return false;
    } else {
      return true;
    }
  }
  

  Hope you find this Helpful.

  Other than that, Nice work & Keep going on.

  10

  Marked as helpful
• 

  Manjunath•180

  @Manju299

  Posted over 1 year ago

  Thank you so much for the feedback.

  01