Published - | Updated - May 30, 2023 03:41 am
134 Views
Hi dev,
Today, i show you laravel 10 add input mask using jquery. This article will give you simple example of laravel 10 add input mask using jquery. you will laravel 10 add input mask using jquery. In this article, we will implement a laravel 10 add input mask using jquery.
you can use this example with laravel 6, laravel 7, laravel 8, laravel 9 and laravel 10 version.
So, let’s follow few steps to create example of laravel 10 add input mask using jquery.
Install Laravel
Follow This Command And Install Laravel
composer create-project laravel/laravel example-inputmask
Example
<!DOCTYPE html>
<html>
<head>
<title>Laravel 10 Add Input Mask Using Jquery</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>Laravel 10 Add Input Mask Using Jquery</h1>
<div class="form border p-5">
<strong>Phone Number:</strong>
<input type="text" name="phone" class="phone form-control" value="9999999999"><br>
<strong>Mobile Number:</strong>
<input type="text" name="mobile" class="mobile form-control">
</div>
</div>
<script>
$(document).ready(function(){
$('.phone').inputmask('(999)-999-9999');
$('.mobile').inputmask('(999)-999-9999');
});
</script>
</body>
</html>
I hope it will assist you…