header image
 

Membuat TextBox hanya menerima angka dengan Javascript

Ketika saya sedang mencoba membuat sebuah page di dalam aplikasi web-based, terdapat beberapa textbox/textfield dalam form yang hanya bisa menerima angka saja (misalkan no telp, fax dll).

Sempat googling sana sini dan menemukan script yang cukup baik dari Marco dan saya dapat dari sini.

Berikut code Javascriptnya:

JavaScript code:

function numbersonly(e, decimal) { var key; var keychar;if (window.event) {    key = window.event.keyCode; } else if (e) {    key = e.which; } else {    return true; } keychar = String.fromCharCode(key);if ((key==null) || (key==0) || (key==8) ||  (key==9) || (key==13) || (key==27) ) {    return true; } else if (((”0123456789“).indexOf(keychar) > -1)) {    return true; } else if (decimal && (keychar == .“)) {   return true; } else    return false; }

HTML code:

<form>   <input name=”number  onKeyPress=”return numbersonly(event, false)“> </form>

NB: Untuk eventnya bisa gunakan onkeypress atau onkeydown, jadi ketika tombol ditekan / masih ditekan (belum dilepas).

~ by 4j4x on May 11, 2008.

Leave a Reply