by 
Halo, selamat datang kembali di waroeng-erick.blogspot.com . Kali ini saya akan berbagi script javascript yang fungsinya untuk memfilter inputan dari HTML agar apa yang diketikan adalah angka (termasuk koma) . Oke langsung aja, berikut adalah code nya :
$(target).keydown(function (e) {
if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 ||
(e.keyCode === 65 && (e.ctrlKey === true || e.metaKey === true)) ||
(e.keyCode >= 35 && e.keyCode <= 40)) {
return;
}
if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
e.preventDefault();
}
});
Nah disitu kan tertulis
$(target)
itu nanti diganti dengan ID atau CLASS yang kalian pakai nanti, tapi INGAT, kalau menggunakan ID sifatnya 1 inputan hanya 1, karena ID bersifat unique hanya bisa di pakai di satu elemen, kalau ingin ganda (multiple) ya pakai yang CLASS, jadi kurang lebinya seperti ini :
$('#my-input')
// atau
$('.my-input')
Kalau versi fullnya seperti ini
<html>
<head>
<title>HTML Input Hanya Menampilkan Angka Dengan Javascript</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<h1>HTML Input Hanya Menampilkan Angka Dengan Javascript</h1>
<h2>waroeng-erick.blogspot.com</h2>
<input id="my-input" type="text" />
<script>
$('#my-input').keydown(function (e) {
if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 ||
(e.keyCode === 65 && (e.ctrlKey === true || e.metaKey === true)) ||
(e.keyCode >= 35 && e.keyCode <= 40)) {
return;
}
if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
e.preventDefault();
}
});
</script>
</body>
</html>
yaa jadi seperti itu ya, gampang bukan ?
oke terimakasih sudah mampir, sampai berjumpa di artikel selanjutnya.
Baca juga :
- Library Resize Image Thumbnail CodeIgniter
- Komponen-komponen Dasar Pada CPU Komputer
- Cara Mengatasi Virus Windows Media
No comments:
Post a Comment