JSFiddle - React, Tailwind, and code Playground

by refhat

HTML

<form id="theform" action="http://www.codeforbrowser.com">
<input type="text" placeholder="Email" id="email">
<input type="submit" value="GO!!" id="sub">
</form>

JavaScript

$(function() {
        $("#theform").submit(function() {
            var emailVal = $("#email").val();
      var e  = /^[a-zA-Z0-9_.-]+@[a-z0-9][a-z0-9\-]{1,64}(\.[a-z]{2,4}|[a-z]{2,3}\.[a-z]{2})$/i;
  var vEmail = e.test(emailVal)
      if(vEmail == true) {
       console.log("You have typed  a Valid Email");  
            
      }       
      else {
      console.log("You have typed  an InValid Email")  
      return false;            
      }      
      })  
  })