Category Archives: JavaScript
Format ribuan saat input angka
Tutorialn kali ini untuk membuat karakter pemisah ribuan dengan karakter koma (,) dan karakter desimal berupa titik (.). Caranya dengan menggunakan javascript. Hasilnya seperti berikut :
source: angka_ribuan.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Blackphp - Easy Number Separator Example</title>
<link href="https://fonts.googleapis.com/css?family=Cairo&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Fredoka+One&display=swap" rel="stylesheet">
<style>
body{
background: #eee;
font-family: 'Cairo', sans-serif;
}
#main {
margin: 150px auto;
display: block;
padding: 0 20px;
text-align: center;
}
h1 {
font-family: 'Fredoka One', cursive;
font-weight: 100;
}
input[type='text'] {
margin: 0 auto;
padding: 15px;
border-radius: 5px;
border: 1px solid #bbb;
font-size: 36px;
display: block;
text-align: center;
font-family: 'Cairo', sans-serif;
}
input[type='text']::placeholder {
color: #ccc;
}
</style>
<link href="jquerysctipttop.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="jquery-script-menu">
<div class="jquery-script-center">
<ul>
<li><a href="#">Download This Plugin</a></li>
<li><a href="https://blackphp.wordpress.com/">Blackphp WordPress Blog</a></li>
</ul>
</div>
<div class="jquery-script-clear"></div>
</div>
</div>
<div id="main">
<h1>Easy Number Separator Example</h1>
<input type="text" class="number-separator" placeholder="Enter Your Number Here...">
</div>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
<script src="easy-number-separator.js"></script>
</body>
</html>
easy-number-separator.js
$(document).ready(function () {</pre>
// Currency Separator
var commaCounter = 10;
function numberSeparator(Number) {
Number += '';
for (var i = 0; i < commaCounter; i++) {
Number = Number.replace(',', '');
}
x = Number.split('.');
y = x[0];
z = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\d+)(\d{3})/;
while (rgx.test(y)) {
y = y.replace(rgx, '$1' + ',' + '$2');
}
commaCounter++;
return y + z;
}
// Set Currency Separator to input fields
$(document).on('keypress , paste', '.number-separator', function (e) {
if (/^-?\d*[,.]?(\d{0,3},)*(\d{3},)?\d{0,3}$/.test(e.key)) {
$('.number-separator').on('input', function () {
e.target.value = numberSeparator(e.target.value);
});
} else {
e.preventDefault();
return false;
}
});})
Hapus 0 (nol) didepan input angka Javascript
Saya ingin menghapus angka 0 (nol) didepan inputan angka.
Misalnya ada string ‘00012500’ dan hasil yang diinginkan adalah ‘12500’.
Kita gunakan perintah trim() di javascript.
Namun sekarang akan saya gabung dengan fungsi untuk memberikan karakter titik untuk pecahan ribuan. Sebagai contohnya ‘12500′ akan berubah menjadi ‘12.500’
Lihat : demo
Source code : Save As saja demo page
_______________________________________
english keyword : I need to trim leading 0 (zero) from text input fields
Input Agka saja + Angka 0 didepan tidak boleh
Karena da yang nanya, “bagaimana kalau inputannya gak boleh 0 (nol) duluan gmn mas?
Maka saya coba untuk cari filter input karakter dengan javascript dan menambahi beberapa perintah agar karakter 0 (nol) tidak boleh ditampilkan terlebih dahulu sebelum ada karakter 1 s/d 9
here’s the code : folow this link
[sourcecode]
<!– Begin Code –>
<HTML>
<HEAD>
<SCRIPT language=Javascript>
<!–
function isNumberKey(evt)
{
var charCode = (evt.which) ? evt.which : event.keyCode
if (charCode > 31 && (charCode < 48 || charCode > 57))
return false;
if (form.txtChar.value.length < 1) {
//alert(“Tidak boleh 0 dulu”);
if (charCode == 48)
return false;
}
return true;
}
//–>
</SCRIPT>
</HEAD>
<BODY>
<FORM METHOD=POST ACTION=”” name=”form”>
<INPUT id=”txtChar” onkeypress=”return isNumberKey(event)” type=”text” name=”txtChar”>
</FORM>
</BODY>
</HTML>
<!– End Code –>
[/sourcecode]
blackphp
Black php Coffe 