Cara Membuat Format Nomor Telpon Pada Form dengan Jquery Masking

gambar Cara Membuat Format Nomor Telpon Pada Form dengan Jquery Masking

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>
Bila Anda anggap bermanfaat, harap bagikan informasi ini



MAU PUNYA WEBSITE PROFESIONAL?

Jasa-Website.Net Selalu Siap Membantu Anda
Silakan klik salah satu tombol cepat di bawah ini untuk menghubungi kami