jQuery

Check Email validation on keyup in jQuery

How to add Email validation on keyup in jQuery –

In this example, I have checked email validation on keyup event by regular expression.

  • HTML input box.
<input type="email" name="email_id" value="" placeholder="ashok@codeloveguru.com" maxlength="150">
<span id="errorMsg"></span>
  • JQuery function called here by name of input box on keyup event.
  • The jquery.min.js library added for jQuery.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<script type="text/javascript">
$('input[name="email_id"]').keyup(function(e) {

    var emailvalue = $(this).val();  // get Email address from input box
    var regExp = /^[_\.0-9a-zA-Z-]+@([0-9a-zA-Z][0-9a-zA-Z-]+\.)+[a-zA-Z]{2,6}$/i;  // regular expression

    if(regExp.test(emailvalue)) {    
    
        alert("Email address is valid!"); // alert message
        $("#errorMsg").text("Email address is valid!"); // display a message bellow input box

    } else {

        alert("Email address is invalid!"); // alert message
        $("#errorMsg").text("Email address is invalid!"); // display a message bellow input box

    }
});

</script>

Click here to read more …

Funny Jokes in Hindi … Click here …

Check Email on keyup in jQuery

Leave a Reply

Your email address will not be published. Required fields are marked *

× How can I help you?