Skip to main content

How to validate mobile number in javascript

Recently i have posted how to validate email address in javascript, how to validate mobile number and email address in jquery and not i will show you how to validate mobile number using simple javascript or using regular expression in javascript.

below is the code for validating mobile number with enter only numeric, length must be 10 digits and restrict user to entering illegal characters.

There is two ways given below for validation of mobile numbers first normal way and another through regular expression.

How to use this code copy the code given bellow, paste inside the <head></head> tag and pass the parameter Mobile number text box Client Id.

Code performs 3 task :-
  • check for blank value. 
  • check for illegal characters. 
  • check for 10 digit numbers. 

Validating through isNaN and length function in javascript -

<script type="text/javascript">

function ValidateMobNumber(txtMobId) {
  var fld = document.getElementById(txtMobId);

  if (fld.value == "") {
  alert("You didn't enter a phone number.");
  fld.value = "";
  fld.focus();
  return false;
 }
  else if (isNaN(fld.value)) {
  alert("The phone number contains illegal characters.");
  fld.value = "";
  fld.focus();
  return false;
 }
 else if (!(fld.value.length == 10)) {
  alert("The phone number is the wrong length. \nPlease enter 10 digit mobile no.");
  fld.value = "";
  fld.focus();
  return false;
 }

}

</script>


Below is the javascript mobile validation regular expression, mobile validation javascript regular expression which is for checking 10 digit number,illegal characters and first number should not be 0.

Validating through Regular Expression in javascript -


function IsMobileNumber(txtMobId) {
    var mob = /^[1-9]{1}[0-9]{9}$/;
    var txtMobile = document.getElementById(txtMobId);
    if (mob.test(txtMobile.value) == false) {
        alert("Please enter valid mobile number.");
        txtMobile.focus();
        return false;
    }
    return true;
}



Call the function ValidatemobNumber at onblur event which fire when cursor get out of text box (when focus out from textbox), or call at save button on click event.

Calling Validation Mobile Number Function HTML Code -

<input type="text" id="txtMB" onblur="return ValidateMobNumber('txtMB')" />
<!--Or Call on Button-->

<input type="submit" id="btnVal" value="Save" onclick="return ValidateMobNumber('txtMB') />


Popular posts from this blog

Uploading large file in chunks in Asp.net Mvc c# from Javascript ajax

Often we have a requirement to upload files in Asp.net, Mvc c# application but when it comes to uploading larger file, we always think how to do it as uploading large file in one go have many challenges like UI responsiveness, If network fluctuate for a moment in between then uploading task get breaks and user have to upload it again etc.

How to handle click event of linkbutton inside gridview

Recently I have posted how to sort only current page of gridview, Scrollble gridview with fixed header through javascript, File upload control inside gridview during postback and now i am going to explain how to handle click event of linkbutton or any button type control inside gridview.

We can handle click event of any button type control inside gridview by two way first is through event bubbling and second one is directly (in this type of event handling we need to access current girdviewrow container)

What is NameSpace in .Net

This a basic question which allways asked in the interview that what is the namespace ,do you know about namespace,can you tell me some words about namespace.

how $document.ready() is different from window.onload()

we often use window.onload() in javascript and $document.ready() in jquery and assume that both are same just jquery library wrap up javascript window.onload() and introduce $document.ready() but no there is much difference between them below is the explanation -

Merging multiple PDFs using iTextSharp in asp.net c#

In this article i will show you how to merge multiple pdfs into one using ITextSharp below is the two approach one is to pass your input files path, output file path (will be created if not exist) and another is pass direct input stream, output stream and it will write the merge files into output stream.