Jquery Input Mask Phone Number Validation Example

By Hardik Savani September 5, 2020 Category : jQuery

Hi Dev,

In this short tutorial we will cover an input mask phone number jquery. we will help you to give example of jquery inputmask numeric example. this example will help you jquery input mask phone number example. let’s discuss about jquery inputmask mobile. Alright, let’s dive into the steps.

Here, i will give you very simple example for adding input mask for mobile number. you can easily add input mask for us phone number, india phone number etc.

we will use jquery.inputmask.bundle js plugin for adding jquery input mask phone number example. let's sse bellow solution and and full working example as bellow screen shot:

Preview:

Solution:

$(document).ready(function(){
    $('.phone').inputmask('(999)-999-9999');
});

Example:

Read Also: Jquery Convert Array into Object Example
<!DOCTYPE html>
<html>
<head>
    <title>jquery input mask phone number validation - itsolutionstuff.com</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.0/css/bootstrap.min.css"/>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.3.4/jquery.inputmask.bundle.min.js"></script>
</head>
<body>
  
<div class="container">
    <h1>jquery input mask phone number validation - itsolutionstuff.com</h1>
  
    <strong>Phone Number:</strong>  
    <input type="text" name="phone" class="phone form-control" value="7898978998">
  
    <strong>Phone Number 2:</strong>  
    <input type="text" name="phone" class="phone2 form-control">
  
    <strong>Phone Number 3:</strong>  
    <input type="text" name="phone" class="phone3 form-control">
  
</div>
  
<script>
    $(document).ready(function(){
        $('.phone').inputmask('(999)-999-9999');
        $('.phone2').inputmask('(99)-9999-9999');
        $('.phone3').inputmask('99-9999999999');
    });
</script>
  
</body>
</html>

If you want to get more info about Input Mask Plugin then click here: Robinherbots Mask Input.

I hope it can help you...

Tags :

We are Recommending you

Popular Posts

Categories

Latest Posts