Validasi input hanya boleh berupa angka dengan javascript

Posted: August 31, 2011 in Javascript
Tags: , ,

Kali ini saya akan memberikan tips bagaimana membuat suatu input hanya boleh diisi dengan angka saja. Jadi konsepnya saat user memasukkan suatu inputan, jika yang dimasukkan bukan berupa angka maka character tersebut akan langsung dihapus.  Langsung saja buat komponen form input berikut :

<input type="text" maxlength="5" onKeyUp="return checkInput(this);"/> 

Lalu buat sebuah fungsi javascript berikut

   
function checkInput(obj) 
{
	var pola = "^";
	pola += "[0-9]*";
	pola += "$";
	rx = new RegExp(pola);

	if (!obj.value.match(rx))
	{
		if (obj.lastMatched)
		{
			obj.value = obj.lastMatched;
		}
		else
		{
			obj.value = "";
		}
	}
	else
	{
		obj.lastMatched = obj.value;
	}
}

Sudah, hanya itu saja code yang diperlukan.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s