JSFiddle - React, Tailwind, and code Playground

by Sean Wessell

HTML

<input type="text" id="email_textbox" />
<p><span>Valid Email = </span><span id="result">false</span>
</p>

JavaScript

function isValidEmailAddress(emailAddress) {
    var pattern = /^([\w-]+(?:(\!|\#|\$|\%|\&|\=|\*|\+|\/|\?|\^|\~|\||\.|\}|\{)[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;

    return pattern.test(emailAddress);
};

var result = document.getElementById("result");
var emailAddress = document.getElementById("email_textbox");

emailAddress.oninput = function () {

    result.innerHTML = isValidEmailAddress(this.value);

}