JSFiddle - React, Tailwind, and code Playground

HTML

<body>

<form >
  E-mail: <input type="email" id="myEmail" name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$">
  <div class="result"></div>
  <input type="submit">
</form>
</body>

JavaScript

var patt = /[a-z0-9._%+-]+@[a-z0-9.]+\.[a-z]{2,3}$/

$('body').on('keyup change paste cut', '#myEmail', function() {

	var res = patt.test($(this).val()) === true  ? 'Correct Email' : 'You have entered some crap';
  $('.result').text(res)
});