jquery

Allow only numbers (numeric) in a field with jQuery

By On May 24, 2012 · 2 Comments

How to allow only numbers being entered in a text field? The best way is to catch event when new value is entered and filtered it with regular expression.

There are couple of ways how the value can make into the text field. It can be typed by user or pasted by user (with the right button of mouse). I have created a universal solution that will run in both of those cases:

$("#textfield").bind("keyup paste", function(){
	setTimeout(jQuery.proxy(function() {
		this.val(this.val().replace(/[^0-9]/g, ''));
    }, $(this)), 0);
});

Dima Svirid

Software architect. Ajax/Javascript, HTML5, Android, iPhone/iPad, JAVA, PHP, Cold Fusion, SQL, Air, Flash, Open source software, Frameworks

More Posts

Follow Me:

 

2 Responses to Allow only numbers (numeric) in a field with jQuery

  1. Anonymous says:
    October 5, 2012 at 4:05 pm

    Great solution

  2. Tiram Makuza says:
    January 29, 2013 at 12:15 pm

    Greeting from Tiram.

    My name is Tiram I am single woman, looking for.
    honest and caring friend for a serious relationships,
    and I came across and became interesting in you,
    and I will like you to reply.
    with Email address (tiram_makuza@yahoo.co.uk).
    so that I can send you my photos and give you some.
    details about my self, waiting to read from you,

    Yours New Friend TIRAM.

Leave a Reply