JSFiddle - React, Tailwind, and code Playground

HTML

<p>Email Id: <input id="txtemailID" type="text"></p>
<p>Validation: <label id="lblEmail" type="text"></p>

JavaScript

$(document).ready(function () {
    
$("#txtemailID").blur(function() {
   
var Email = $('#txtemailID').val();
   
if (Email == "" || Email == 0) {
alert("Please valid E-Mail Adress");
}
else {
var valued = validateEmail(Email);
if (valued == true) {
    $('#lblEmail').text("Correct One");
}
else {
$('#lblEmail').text("Pleasee Enter Valued Email ID");
 
}
}
});
});
function validateEmail(Email) {
var filter = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
if (filter.test(Email)) {
return true;
}
else {
return false;
}
}