Artikel yang saya buat pada postingan kali ini, mungkin sangat bermanfaat bagi temen-temen yang sedang mengerjakan project yang ada pengolahan data nominal uang, seperti data gaji, data barang dan lainnya yang mana pasti ada inputan data dengan sejumlah nominal uang. Kalau kita input nominal uang pasti tentunya tidak boleh ada huruf, kemudian biar gampang melihatnya ada pemisah angka ketika sudah mencapai ribuan, jutaan, maupun jika sampai nominal diatas miliar. Oke tanpa panjang lebar akan saya bagikan tutorial untuk membuat Input yang secara otomatis memformat mata uang dengan library Jquery Number.
Semua file dapat kalian download pada link ini.
Berikut adalah script lengkapnya, simpan dengan nama index.html :
<html>
<head>
<script src="jquery.min.js"></script>
<script src="jquery.number.min.js"></script>
</head>
<body>
<h3>Auto Format Input</h3>
Rp.<input type="text" name="input_text" id="input_text">
<button id="get_val">Get Value</button>
<br>
<br>
Inputan : <div id="hasil_input"></div>
<script type="text/javascript">
$(document).ready(function(){
$('#input_text').number( true, 0 );
$('#get_val').click(function(){
$('#hasil_input').text($('#input_text').val());
});
});
</script>
</body>
</html>
ket :
$('#input_text').number( true, 0 ) => untuk merupah format dari input textbox menjadi input mata uang, kemudian angka 0 berfungsi untuk menentukan berapa angka dibelakang koma.
Script di atas sangat sederhana, Jadi dari script diatas, temen-temen bisa coba jalankan indexnya kemudian dicoba jika :
diketik angka 2000 => maka secara otomatis menjadi 2,000
diketik angka 2000000 => maka secara otomatis menjadi 2,000,000
Hal ini tentu sangat memudahkan user ketika menginputkan nominal uang. Silahkan teman-teman sesuaikan dengan projectnya masing-masing. Jika ada yang belum dipahami bisa tanyakan dikomentar ya....
No comments:
Post a Comment