, filter input angka pada textbox dengan jquery, Archivescode

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

Leave a Reply