Membuat input text hanya boleh number (number validation) dengan javascript

Validasi number ini sering kita butuhkan jika kita membuat sebuah applikasi web based yang mengharuskan untuk input number. meskipun sudah ada input type number pada HTML5, namun tidak semua browser bisa menggunakan input type number.

Nah kali ini saya akan berbagi sebuah trik agar input text hanya bisa diinput dengan angka saja.

Buat sebuah fungsi javascript seperti dibawah:

function validasiAngka(evt) {
 evt = (evt) ? evt : window.event;
 var charCode = (evt.which) ? evt.which : evt.keyCode;
 if (charCode > 31 && (charCode < 48 || charCode > 57)) {
  return false;
 }
 return true;
}

Contoh penggunaan:

<input type="text" name="numberOnly" onkeypress="return validasiAngka(event);">

Terima kasih
semoga bermanfaat.

Prastowo aGung Widodo