Email Validation

by Thomas Orthbandt

HTML

<form>
  <p>Enter an email address:</p>
  <label for="Email"></label>
  <input id="Email" name="Email" placeholder="Business Email" type="email">
  <button type="submit" class="mktoButton">Schedule a meeting</button>
</form>

<h2 id='result'></h2>

JavaScript

function validateEmail(email) {
  var regEx = /^(([^<>()[\]\\.,;:\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,}))$/;
  return regEx.test(email);
}

function validate() {
  var $result = $("#result");
  var email = $("#Email").val();
  $result.text("");

  if (validateEmail(email)) {
    $result.text(email + " is valid :)");
    $result.css("color", "green");
  } else {
    $result.text(email + " is not valid :(");
    $result.css("color", "red");
  }
  return false;
}

$(".mktoButton").on("click", validate);