validate an email address from a form field - version 2

validate an email address from a form field - version 2 Demo

View Demo Full Screen View Demo New Tab

validate an email address from a form field - version 2 Code

HTML

<input type="email" id="email_check"> <button onclick="validate_email();" class="btn btn-primary">Validate Email</button>

Scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

Javascript

function validate_email() {
  	var emailfield = document.getElementById('email_check').value;
    //alert(emailfield);
  
    // does the string have an @?
    if(!emailfield.includes("@")) {
      alert("Missing the @");
      return false;
    }

      // does the string have a .?
    if(!emailfield.includes(".")) {
      alert("Missing the .");
      return false;
    }
  
    // if we get to here, then the string has an @ and a dot, 
    // the email address could still look like this though...
    // @@@@......@@@@@
    // which is not valid, but its still better than nothing...
  
  	alert("Email appears to be valid");
  	return true;
  
}