Monday, 5 October 2015

1

Javascript: Konversi Angka ke Format Rupiah

  • Monday, 5 October 2015
  • Unknown
  • Share

  • Ketika saya belajar mengembangkan aplikasi form berbasis web, keluhan pengguna yang sempat luput adalah tak tersedianya input nominal dalam format rupiah. Tak hanya format rupiah ketika menampilkan data dengan fungsi number_format(), tetapi fungsi format bekerja ketika pengguna sedang menginput. Jika pengguna mengetik nominal uang 50000, maka saat itu juga secara otomatis akan dirubah dan dikonversi ke dalam format rupiah..

    Sebelum


    Sesudah


    Bandingkan, nominal yang mana yang enak dilihat?

    Berikut scriptnya:

    <script> function convertToRupiah (objek) { 
     separator = "."; 
     a = objek.value; 
     b = a.replace(/[^\d]/g,""); 
     c = ""; 
     panjang = b.length; 
     j = 0; for (i = panjang; i > 0; i--) { 
     j = j + 1; if (((j % 3) == 1) && (j != 1)) { 
     c = b.substr(i-1,1) + separator + c; } else { 
     c = b.substr(i-1,1) + c; } } objek.value = c; } 
     </script>

    Lalu sisipkan kode onkeyup="convertToRupiah(this)" berikut di form inputan:

    Contoh:

     <input type="tel" name="hutanganda" onkeyup="convertToRupiah(this)">

    1 Responses to “Javascript: Konversi Angka ke Format Rupiah”

    Unknown said...
    1 March 2018 at 18:57

    bagaimana kalau ada angka desimal di belakangnya?


    Post a Comment

    Subscribe