Keyboard Input Filtering (Non digit filtering)

Biasanya validasi input  terjadi pada sisi server karena pengguna kadang mematikan javascript pada browsernya. Juga, keyboard bukan satu-satunya perangkat input yang digunakan. Beberapa pengguna mungkin menyeret atau meng-cut dan paste nilai ke dalam input menggunakan mouse saja. 

Sekarang, dengan asumsi bahwa kita melakukan input  menggunakan keyboard, dan untuk filtering terjadi pada sisi client bukan pada sisi server.

Berikut contoh penggunaan script  Javacript sederhana yang hanya mengijinkan angka yang bisa di input ke dalam input field

<form action="#" id="f1" name="f1" onsubmit="return false">
<input id="t1" name="t1" 

onkeypress="if(this.value.match(/\D/)) 

this.value=this.value.replace(/\D/g,'')" 

onkeyup="if(this.value.match(/\D/)) 

this.value=this.value.replace(/\D/g,'')" 

size="25" 

style="width: 300px;" 

type="text" value="" />

<textarea cols="25" id="t2" name="t2" 

onkeypress="if(this.value.match(/\D/)) 

this.value=this.value.replace(/\D/g,'')" 

onkeyup="if(this.value.match(/\D/)) 

this.value=this.value.replace(/\D/g,'')" 

rows="2" 

style="width: 300px;">

</textarea>
</form>

Untuk lebih lengkapnya silahkan kunjungi
source : http://www.javascripter.net/faq/keyboardinputfiltering.htm

Categories: Tutorial