Validate Number Field

Hello friends, here we are going to discuss how to validate Phone number field. In this case we have two constraints, one is the phone number field should not exceed the length of 10 or whatever your requirement is. And the second constraint is this field should contain only numerical value.

Following we are having a field named Mobile number. On submission it must fulfill both the described constraints.

Mobile No.

ShowCode/HideCode

$(document).ready(function(){
var num,Patt;
$("#Submit").click(function(){
num=$("#number").val();
num=$.trim(num);
if(num=="")
{
alert('Enter Mobile Number');
$("#number").focus();
}
Patt=/[0-9]+$/;
if(!Patt.test(num))
{
alert('Only Numbers between 0-9 are allowed');
}
len=num.length;
if(len>10)
{
alert('Length should not be more than 10 characters')
}
});
$("#Cancel").click(function(){
$("#number").val("");
$("#number").focus();
});
});

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("");
});
});