email Validation

by Thomas Orthbandt

HTML

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

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

CSS

.btn{
  background: blue;
  color: white;
}
.btn:hover {
  background: green;
}

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);