JSFiddle - React, Tailwind, and code Playground

by voigtan

HTML

<input id="email">
  <div id="errormail">.....</div>

JavaScript

var valid = function() {
  var email = $('#email').val();
  if (email === null || email === ''){
      $('#erroremail').show();
  } else {
    var filter = /^[a-zA-Z0-9]+[a-zA-Z0-9_.-]+[a-zA-Z0-9_-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$/,
        isValid = filter.test(email);
      
      if(isValid)  {
          alert('Its OK!');
      } else {
          alert('Noooo');
      }
      return isValid;
  }
}
    
$("#email").blur(valid);