How to validate mobile number, email in jquery

This tutorial will show you how to validate an email address and mobile number using jquery. This method has a few advantages over validating an email address using jquery, as the validation process takes place within the browser, meaning no server request or reload is necessary. 

Below is the jquery mobile, Email validation regular expression, mobile validation jquery regular expression which is for checking 10 digit number and first number should not be 0 and email validation jquery regular expressional which for checking global email format.



var mob = /^[1-9]{1}[0-9]{9}$/;
var eml = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;

if (eml.test($.trim($("#<%=txtEmail.ClientID %>").val())) == false) {
    alert("Please enter valid email address.");
    $("#<%=txtEmail.ClientID %>").focus();
    return false;
 }


if (mob.test($.trim($("#<%=txtMob.ClientID %>").val())) == false) {
    alert("Please enter valid mobile number.");
    $("#<%=txtMob.ClientID %>").focus();
    return false;
}


Note that this is merely a simple email validation function. If you want to also check if the email address has already been registered without reloading you will need to use a combination of ajax and webservice that can be call through jquery (.ajax) method in whatever server side programming language you are using (dotnet for example), if you want to know how to call a webservice (that is in your domain for domain specific task) go to here  How to call asp.net webservice from jquery, javascript


Popular Posts