JSFiddle - React, Tailwind, and code Playground

by Sandeep Kumar

HTML

Enter Email Address: <input type='text' id='txtEmail'/>
<input type='submit' id='btnEmailValidate' Value='Test Email' />

CSS

body
{
    padding: 10px;
    font-family: Arial;
}

JavaScript

$(document).ready(function (e) {
    $('#btnEmailValidate').click(function () {
        var emailText = $('#txtEmail').val();

        if (isValidEmail(emailText)) {
            alert('This is a valid Email');
        }
        else {
            alert('This is an invalid Email');
        }
    });
});

function isValidEmail(emailText) {
    var emailRegex = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;

    return emailRegex.test(emailText);
}