Cara Membuat Format Uang Rupiah dengan jQuery

Cara Membuat Format Uang Rupiah dengan jQuery - Banyak sekali cara ketika kita ingin membuat format pada angka, misalnya saja ketika kita ingin membuat format angka rupiah atau atau format lainnya. Hampir semua bahasa pemerograman bisa kita gunakan untuk membuat format angka, hanya saja mungkin kita masih belum tau bagaimana cara membuatnya. Misalnya pada artikel sebelumnya telah dibahas Cara Membuat Format Uang Rupiah dengan PHP. Nah, kali ini saya membahas masih mengenai format uang rupiah namun dengan jQuery. Simak pembahasan cara membuat format uang rupiah dengan jQuery berikut ini.

Pada kasus ini kita akan membuat format uang rupiah dengan bantuan plugin dari library jQuery yakni plugin autoNumeric, namun sebelum memulai praktek kalian wajib mempersiapkan tentu kita akan butuh bahan - bahannya terlebih dahulu yakni plugin autoNumeric.

Langkah 1 : Cara Membuat Format Uang Rupiah dengan jQuery

Silahkan download terlebih dahulu file plugin autoNumeric pada halaman resmi jQuery seperti berikut.

Cara Membuat Format Uang Rupiah dengan jQuery

Setelah didownload silahkan ekstrak file plugin autoNumeric, didalamnya akan terdapat beberapa file seperti berikut.

Cara Membuat Format Uang Rupiah dengan jQuery

Langkah 2 : Cara Membuat Format Uang Rupiah dengan jQuery

Kemudian silahkan kalian tambahkan file dengan nama format.html dan ketikan sintak berikut ini.

<html>
<head>
    <meta charset="UTF-8">
    <title>
Cara Membuat Format Uang Rupiah dengan jQuery</title>
</head>
<body>
    <form>
       <input type="text" id="rupiah" data-a-sign="Rp. " data-a-dec="," data-a-sep=".">
    </form>
</body>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="autoNumeric.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('#rupiah').autoNumeric('init');
    });
</script>
</html>

Pastikan library jQuery sudah diload dan tentunya autoNumeric.js, agar nantinya format uang bisa berjalan dengan baik, setelah semua sintak diatas telah diketikan, simpan filenya kemudian silahkan buka pada browser masin - masing. Maka akan menghasilkan output seperti berikut ini.

Cara Membuat Format Uang Rupiah dengan jQuery

Pada plugin autoNumeric ini kita bisa memilih opsi untuk format pada angka, untuk lebih jelasnya kalian bisa melihat dokumentasi lengkap pada plugin autoNumeric.

Cara Membuat Format Uang Rupiah dengan jQuery

Bagaimana, cukup mudah bukan untuk membuatnya untuk tutorial membuat format uang rupiah dengan jQuery ? Baiklah, cukup sekian pembahasan tutorial mengenai bagaimana cara membuat format uang rupiah dengan jQuery, semoga bermanfaat dan selamat mencoba.

11 Januari 2018

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat