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>Funny Jokes in Hindi … Click here …
Check Email on keyup in jQuery