In this example, I explain email validation using jQuery. Email validation in jQuery using regular expression is most important when you get a real email id.

We will create a form and click the button to validate the email id. If email is invalid then display an error message, otherwise display success message using regex in jQuery.

<!DOCTYPE html>
      <title>How to email validation in jQuery</title>
    <form action="">
        <label for="email">Email</label>
        <input type="text" name="email" id="email" placeholder="Enter email">
        <span id="emailError"></span>
        <input type="button" value="Submit" id="submitForm">
  <script src=""></script>
    $(document).ready(function() {
        var email = $('#email').val();
        var emailRegex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
        if(email ==""){
            $("#emailError").text("Please enter email").css("color","red");
        }else if(!emailRegex.test(email)){
            $("#emailError").text("Please enter valid email").css("color","red");
            $("#emailError").text("Your email is valid").css("color","green");

I hope you understand email validation using regular expression in jQuery and it can help you..