Format Rupiah Pada Form Dengan Javascript

Pada bisnis jual jasa pembuatan sistem informasi, sering kali kita menemukan masalah yang tak jarang membuat kita pusing. Salah satu masalah yang saya temui adalah membuat format angka khususnya format rupiah pada form yang kita buat. Jadi kita ingin langsung membuat format angka rupiah pada form.

Setelah keliling dari satu website ke website yang lain, saya berhasil menemukan pemecahannya seperti beirkut :

  1. Buat dahulu form anda sepeti berikut :

    <input required type=”text” class=”form-control” name=”biaya” id=”biaya_total”>

  2. Kemudian buat fungsi untuk menangani even saat mulai akan entry data seperti berikut

    <script type=”text/javascript”>var biaya_total = document.getElementById(‘biaya_total’);biaya_total.addEventListener(‘keyup’, function(e) { biaya_total.value = formatRupiah(this.value, ‘Rp. ‘); });</script>

  3. Langkah terakhir tentu membuat script fungsi formatRupiah seperti berikut :
    <script type=”text/javascript”>
    function formatRupiah(angka, prefix)
    {
    var number_string = angka.replace(/[^,\d]/g, ”).toString(),
    split = number_string.split(‘,’),
    sisa = split[0].length % 3,
    rupiah = split[0].substr(0, sisa),
    ribuan = split[0].substr(sisa).match(/\d{3}/gi);

    if (ribuan) {
    separator = sisa ? ‘.’ : ”;
    rupiah += separator + ribuan.join(‘.’);
    }

    rupiah = split[1] != undefined ? rupiah + ‘,’ + split[1] : rupiah;
    return prefix == undefined ? rupiah : (rupiah ? ‘Rp. ‘ + rupiah : ”);
    }
    </script>

Semoga dapat membantu rekan sekalian

 

Add a Comment

Your email address will not be published. Required fields are marked *