Cara Membuat Format Nomor Telpon Pada Form dengan Jquery Masking

22 Juli 2021 Jasa Website Tutorial

Cara paling mudah untuk membuat format nomor telpon seperti +62813-1234-5678 adalah menggunakan jQuery masking.

Masking bukan hanya untuk nomor telpon, tetapi bisa juga untuk yang lain semisal masking kartu kredit, masking tanggal, masking harga dan masih banyak lagi. Dengan masking ini kita bisa membuat aturan sendiri tentang apa saja yang boleh diinputkan pada input text.

Cara membuat format nomor telpon dengan masking jquery adalah sebagai berikut:

Pertama tambahkan librari jquery dan jquery.mask antara tag <head>…</head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.min.js"></script>

Selanjutnya, pada input form tambahkan class "phone", seperti contoh berikut ini:

<label>Phone</label>
<input type="text" name="phone" class="form-control phone" placeholder="+62 000-0000-00000">

Dan terakhir buat

<script>
$('.phone').mask('+62 000-0000-00000');
</script>

MAU PUNYA WEBSITE PROFESIONAL?

Silakan klik salah satu tombol cepat di bawah ini untuk menghubungi kami