JSFiddle - React, Tailwind, and code Playground

by Tilwin Joy

HTML

<table>
    <tr>
        <td width="100">email:</td>
        <td width="100">
            <input type="email" name="mailid" id="mail" onKeyUp="validateemail()" required/>
        </td>
        <td>
            <label id="vem"></label>
        </td>
    </tr>
</table>

JavaScript

function validateemail() {
    var chmail = document.getElementById("mail").value;
    if (chmail.match(/^(([^<>()[\]\\.,;:\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,}))$/)) {
        alert("valid email", "vem", "green");
        return false;

    }

    alert("email invalid", "vem", "red");
    return true;


}