Format Curency Rupiah Pada kondisi Onkeyup

Posted on


jquery2Pada Pembahasan sebelumnya kita telah membahas bagaimana membuat format rupiah ketika kita menampilkan data keuangan , tutorial itu ada pada Membuat Format Rupiah di php . nah sekarang kita mau ketika kita memasukan angka pada kolom input maka secara otomatis akan memberikan titik (.) setelah 3 digit dari belakang angka kita input , misal .3.000,50.000,100.000 dst . Bagaimana cara buatnya mas ?? mari kita implementasikan.

Langkah Pertama silahkan buka editor kesayangan kita dan buat function Javascript untuk membuat sebuah perintah pada inputan nya:

perhatikan code berikut :

function formatCurrency(num) {
num = num.toString().replace(/\$|\,/g,”);
if(isNaN(num))
num = “0”;
sign = (num == (num = Math.abs(num)));
num = Math.floor(num*100+0.50000000001);
cents = num%100;
num = Math.floor(num/100).toString();
if(cents

Kemudian Buat sebuah Form dengan Code Berikut:

<form action=“” method=“post”>
  <span><label for=“Harga”>Harga</label></span>
  <span> : </span>
  <span><input type=“text” name=“pagu”onkeyup=“this.nextSibling.innerHTML = formatCurrency(this.value);”/></span>
</form>

oke selesai Code Javascript diatas akan bekerja pada kolom inputan harga , kode lengkap nya seperti ini :

<script type=“text/javascript”>
    function formatCurrency(num) {
       num = num.toString().replace(/\$|\,/g,);
         if(isNaN(num))
            num = “0”;
            sign = (num == (num = Math.abs(num)));
            num = Math.floor(num*100+0.50000000001);
           cents = num%100;
        num = Math.floor(num/100).toString();
          if(cents<10)
            cents = “0” + cents;
          for (var i = 0; i < Math.floor((num.length(1+i))/3); i++)
              num = num.substring(0,num.length-(4*i+3))+’.’+
              num.substring(num.length-(4*i+3));
          return (((sign)?”:’-‘) + ‘Rp’ + num + ‘,’ + cents);
          }
</script>
<form action=“” method=“post”>
  <span><label for=“Harga”>Harga</label></span>
  <span> : </span>
  <span><input type=“text” name=“pagu”onkeyup=“this.nextSibling.innerHTML = formatCurrency(this.value);”/></span>
</form>

 

oke selesai … silahkan terapkan pada project kalian…. sekian dan terimakasih

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s