JSFiddle - React, Tailwind, and code Playground

by KevinGabbert

HTML

found on stack overflow:
<div id="validatorThingy1"></div>
<div id="validatorThingy2"></div>

<br/>
found on bookbyte.com:
<div id="validatorThingy3"></div>
<div id="validatorThingy4"></div>

JavaScript

//found on bookbyte.com
function ValidateEmail(mail) {
	if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(mail))
		return ("true")
	return ("false")
}

//I won't lie.  checking this would take me quite a while..
function ValidateEmailNew(email) {
var re = /^(([^<>()[\]\\.,;:\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,}))$/;
return re.test(email);
}

var emailToTest1 = '[email protected]'
var emailToTest2 = '[email protected]'

$("#validatorThingy1").text(emailToTest1 + ' valid: ' + ValidateEmailNew(emailToTest1));

$("#validatorThingy2").text(emailToTest2 + ' valid: ' + ValidateEmailNew(emailToTest2));

$("#validatorThingy3").text(emailToTest1 + ' valid: ' + ValidateEmail(emailToTest1));

$("#validatorThingy4").text(emailToTest2 + ' valid: ' + ValidateEmail(emailToTest2));