MasRud.com
oleh Rudi — 11 November 2018

Tutorial Membuat Format Rupiah pada Input HTML

Selain fungsi yang berjalan dengan baik, programmer perlu mempertimbangkan user experience yang baik agar aplikasi tersebut mudah digunakan oleh end user.

Salah satu user experience yang bagus pada sebuah aplikasi adalah format input form yang sesuai dengan tipe data yang diinputkan.

Contohnya apabila data yang diinputkan berupa mata uang rupiah, maka input juga menunjukkan format rupiah. Untuk membuat format input seperti itu kita bisa memanfaatkan plugin jQuery Mask.

jQuery Mask adalah sebuah plugin jQuery yang digunakan untuk melakukan masking input, baik berupa format mata uang, nomor hp, ip address dan lain sebagainya.

Oke langsung saja, berikut adalah tutorial kustom format input mata uang rupiah.

Sebelum kita membuat kustom format input, siapkan dulu file jQuery dan jQuery Mask. Silakan download dulu file jQuery disini dan jQuery Mask disini.

Jika sudah lanjut ke tutorialnya.

  • Buat folder baru pada htdocs misalnya latihan (folder html jika kamu menggunakan Linux).
  • Lalu copy file jquery.min.js dan jquery.mask.min.js yang sudah kita download tadi dan paste pada folder latihan.
  • Setelah itu buat file baru bernama index.html lalu isi kode di bawah ini:

  • Lihat hasilnya dengan mengetikkan http://localhost/latihan/ pada browser.

Untuk kustom format lainnya bisa dilihat disini.

Demo input masking

Kategori: PHP
Tinggalkan Komentar
Komentar
Melayani jasa pembuatan
Aplikasi dan website.
Hubungi kontak kami!