Email Validation In jQuery

In this article we are going to discuss about email validation. This is one of the most common queries people use to do how to do email validation that is, whether the entered email is correct or not. Any email id entered should adhere to few rules and we will test same.

Following is the logging form named login.html. Try it out.

Email Id
Password

ShowCode/HideCode

$(document).ready(function(){
var UserId,Pwd,EmailPattern;
$("#btnSubmit").click(function(){
UserId=$("#email").val();
UserId=$.trim(UserId);
if(UserId=="")
{
alert('Enter User Name');
$("#email").focus();
}
EmailPattern=/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
if(!EmailPattern.test(UserId))
{
alert('Please Enter a Valid Email Address');
$("#email").val("");
$("#email").focus();
}
else{
alert('Correct Email Address');
}
Pwd=$("#password").val();
Pwd=$.trim(Pwd);
if(Pwd=="")
{
alert('Enter Password');
if(UserId!="")
$("#password").focus();
}
});
$("#btnCancel").click(function(){
$("#email").val("");
$("#email").focus();
$("#password").val("");
});
});