JavaScript

Input Field Validation

JavaScript Function to validate input fields

9/20/2023
0 views
input-field-validation.jsJavaScript
// Validate Email Address
const validEmailFormat = (email) => {
        const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
        return emailPattern.test(email);
};

// Validate Input Fields
const fieldValid = (event, parentId) => {
  let field = event.target;
  let parentDiv = document.getElementById(parentId);

  if (!field.value) {
    parentDiv.classList.add("invalid");
    parentDiv.classList.remove("valid");
    return false;
  } else {
    if (field.name == "usrEmail") {
      if (!validEmailFormat(field.value.trim())) {
        parentDiv.classList.add("invalid");
        parentDiv.classList.remove("valid");
        return false;
      } else {
        parentDiv.classList.remove("invalid");
        parentDiv.classList.add("valid");
        return true;
      }
    } else {
      parentDiv.classList.remove("invalid");
      parentDiv.classList.add("valid");
      return true;
    }
  }
};
JavaScriptJSInput Field ValidationForm Validation

Related Examples

Mashable is a global, multi-platform media and entertainment company For more queries and news contact us on this
Email: info@mashablepartners.com