clock  Mon - Sun 8.00 AM - 8.00 PM
mail  [email protected]
fb
instagram
play store
pinterest

How to Validate Phone Number using jQuery Input Mask Plugin

writter  Sumit Dey Sarkar
Date  11 Sep 2022
Language  JQuery
How to Validate Phone Number using jQuery Input Mask Plugin

How to Validate Phone Number using jQuery Input Mask Plugin

In this article we will learn how to validate phone number using jQuery input mask plugin.

Let's see example - 

 

How to Validate Phone Number using jQuery Input Mask Plugin

<!DOCTYPE html>
<html>
<head>
    <title>How to Validate Phone Number using jQuery Input Mask Plugin</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>How to Validate Phone Number using jQuery Input Mask Plugin</h1>
  
    <strong>Phone Number:</strong>  
    <input type="text" name="phone" class="inputDivArea form-control" value="9123456344">
  
    <strong>Phone Number 2:</strong>  
    <input type="text" name="phone" class="inputDivArea2 form-control">
  
    <strong>Phone Number 3:</strong>  
    <input type="text" name="phone" class="inputDivArea3 form-control">
  
</div>
  
<script>
    $(document).ready(function(){
        $('.inputDivArea').inputmask('(999)-999-9999');
        $('.inputDivArea2').inputmask('(99)-9999-9999');
        $('.inputDivArea3').inputmask('99-9999999-999');
    });
</script>
  
</body>
</html>

 

Output

Click here for Output

jquery

Related Posts
Categories
php
javascript
html
laravel
mysql
jquery
css
git
bootstrap
vue
android
Latest Posts