Skip to main content

Merubah Input Angka menjadi Rupiah dengan php dan javascript

saya akan membahas cara merubah input yang awalnya integer agar berubah menjadi rupiah, dengan tambahan javascript.



Berikut contoh code'a

<html>
<head>
<title>Format Rupiah Dengan Javascript</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
body {
font: 20px "open sans", "segoe ui", tahoma;
}
.container {
width: 500px;
margin: auto;
margin-top: 15px;
}
input {
padding: 5px 10px;
font-size: 17px;
border: 1px solid #CCCCCC;
color: #5d5d5d;
text-align: right;
width: 200px;
margin-bottom: 10px;
}
h3 {
margin-bottom: 10px;
}
div {
margin-bottom: 5px;
}
</style>

</head>
<body>
<div class="container">
<h3 align="center">Input Perubahan angka Menjadi Rupiah</h3>
<div align="center">Tanpa Rupiah:</div>
<div align="center">
<input align="center" type="text" id="tanpa-rupiah"/>
<div>
<div align="center">Rp:</div>
<div align="center">
<input type="text" id="dengan-rupiah"/>
<div>
</div>

<script type="text/javascript">

/* Tanpa Rupiah */
var tanpa_rupiah = document.getElementById('tanpa-rupiah');
tanpa_rupiah.addEventListener('keyup', function(e)
{
tanpa_rupiah.value = formatRupiah(this.value);
});

/* Dengan Rupiah */
var dengan_rupiah = document.getElementById('dengan-rupiah');
dengan_rupiah.addEventListener('keyup', function(e)
{
dengan_rupiah.value = formatRupiah(this.value, 'Rp. ');
});

/* Fungsi */
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>

</body>
</html>

Berikut contoh keluarannya.

Semoga dapat digunakan dengan baik. Terima Kasih

Comments

  1. kalau supaya bisa input minus gimana ya ka?

    ReplyDelete
  2. bisa dengan mencari nilai minusnya terlebih dahulu :
    var min = angka.match(/-/g); // untuk mencari nilai - atau negative

    ReplyDelete
  3. Kalau merubah inputanya misalkan huruf"sepuluh ribu"
    menjadi angka 10000 bagaimana ya gan?

    ReplyDelete

Post a Comment

Popular posts from this blog

Mengambil data Fingerprint Absen dengan SOAP PHP

Kali ini akan membahas menarik absen dengan code PHP SOAP : 1. Buatlah database untuk menampung data di localhost phpmyadmin dengan fild sebagai berikut :

Text Area agar enter terbaca dengan PHP code

Pada kali ini, saya akan membahas pembuatan Text Area agar terbaca enter-nya. jadi output sesuai dengan input. Berikut code untuk index.php <form method="post" enctype="multipart/form-data"> <textarea name="description" id="description" class="form-control" rows="14" cols="40"></textarea> <input type="submit" class="btn-primary btn" value="Add" name="btnAdd" />&nbsp; </form> <?php if(isset($_POST['btnAdd'])){         $description = $_POST['description']; echo nl2br($description); //untuk sesuai dengan input text area                 echo "<br>"; echo "<br>";                 echo $description; } ?> Berikut hasil keluaran dari code di atas :

Tes Mesin Presensi dengan zklib

Berikut php code menggunakan zklib untuk memastikan data mesin finger dapat di tarik atau tidak. bisa di run di halaman C:/xampp/htdocs https://drive.google.com/drive/folders/1GR_dhKWOdAF5UclDKDW7mshO7PA4FKbx?usp=sharing atau bisa mengecek koneksi mesin menggunakan browser (jika mesin support untuk browser) dengan open :  ip mesin/csl/login contoh :  192.168.1.2/csl/login Bisa di pastikan juga PHP support dengan SOAP.