jQuery Input Numeric Only


Selamat pagi semuanya🙂

Sebenernya masih bingung mau posting apaan, akhirnya kuputuskan untuk sharing mengenai input numeric only pada suatu textbox, jadi intinya bagaimana saat kita ketik di suatu textbox, hanya input angka yang diterima, untuk inputa huruf dan karakter lainnya tidak bisa. Saya sudah pernah posting mengenai hal yang sama di https://rendramm2.wordpress.com/2009/10/16/input-numeric-only/, cuman yang ini pake framework jQuery, yang dulu hanya pake javascript biasa.

Kenapa kok posting lagi, toh sama2 javascriptnya? Jawabannya adalah untuk opsi yang lebih advance dan lebih compatible😀, script berikut ini saya dapatkan dari http://stackoverflow.com/questions/995183/how-to-allow-only-numeric-0-9-in-html-inputbox-using-jquery

Oke, berikut adalah source codenya :

$(document).ready(function(){
	$("input[name='handphone']").keydown(function(event) {
		// Allow: backspace, delete, tab and escape
		if ( event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 27 ||
			// Allow: Ctrl+A
			(event.keyCode == 65 && event.ctrlKey === true) ||
			// Allow: home, end, left, right
			(event.keyCode >= 35 && event.keyCode <= 39)) {
				// let it happen, don't do anything
				return;
        }else{
			// Ensure that it is a number and stop the keypress
			if ((event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105 )) {
				event.preventDefault();
			}
		}
	});
});

Mari Berdiskusi Bersama

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