Pada 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 : <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> 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 regards Rokansoft.
EmoticonEmoticon