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') />


Recent Article