JSFiddle - React, Tailwind, and code Playground

by jquerybyexample

HTML

Email Address: <input type='text' id='txtEmail'/>

CSS

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

JavaScript

$(document).ready(function() {
  $('#txtEmail').blur(function() {
      if(validateEmail('txtEmail'))
      {
          alert('Email is valid');
      }
      else
      {
          alert('Invalid Email Address');
      }
   });
});
function validateEmail(txtEmail){
   var a = document.getElementById(txtEmail).value;
   var filter = /^((\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*?)\s*;?\s*)+/;
    if(filter.test(a)){
        return true;
    }
    else{
        return false;
    }
}