input type number tidak bekerja secara realtime di firefox dan internet explore versi terbaru
untuk mengatasi hal ini maka kita dapat menggunakan jquery dengan menfilter event keypress, keyup dan blur
inti nya jika user mengetikan sesuatu akan di cek terlebih dahulu. jika yang di inputkan adalah angka maka akan di tampilkan jika bukan angka maka tidak akan di tampilkan untuk kode nya adalah seperti di bawah ini:
//mambatasi agar hanya bisa input angka bukan huruf
$("#jumlah").on("keypress keyup blur",function (event) {
$(this).val($(this).val().replace(/[^\d].+/, ""));
if ((event.which < 48 || event.which > 57)) {
event.preventDefault();
}
});
//kode html nya
<input id="jumlah" name="jumlah-row-0" value="0" class="row-0" type="text">
selain dengan kode di atas anda juga bisa menggunakan kode di bawah ini tanpa menggunakan jquery
//kode html nya <input id="jumlah" name="jumlah-row-0" value="0" class="row-0" type="number">
keterangan #jumlah adalah id dari textbox anda
selamat mencoba semoga berhasil…
jika gagal silakan tulis di komentar ya
