Accept only numbers in Textbox - jQuery

Question

I need to implement a functionality for a textbox to allow only numbers. I have written the following code, but using Ctrl + V we are able to paste text. How can we prevent this.

$('.numeric-textbox').live('keypress', function (e) {
    if ((e.keyCode < 48) || (e.keyCode > 57)) {
        return false;
    }
});

Can someone suggest some solution. :)

What version of jQuery are you using? [`live()`](http://api.jquery.com/live/) is deprecated in 1.7, and removed *entirely* in 1.9 (replaced with [`on()`](http://api.jquery.com/on/)). — David Thomas, Nov 21 '13 at 11:20
@ASTEROID why are you using 1.6.2? any reason not to update and pull the latest `/1/` version? — Roko C. Buljan, Nov 21 '13 at 11:35
Old Application. Requirement.. Standard.. Whatever they call. — Asteroid, Nov 21 '13 at 11:45

score 1 · Accepted Answer · answered Nov 21 '13 at 11:19

1

Try

$('.numeric-textbox').bind("cut copy paste",function(e) {
          e.preventDefault();
      });

This will prevent cut copy paste event on your textbox

answered Nov 21 '13 at 11:19

Nitin Varpe

10,450
6
36
60

@A.Wolff If u want you can remove it – Nitin Varpe Nov 21 '13 at 11:22
1

I would also disallow to paste only numbers? – Sachin Nov 21 '13 at 11:24
@Nitinvarpe Now I can enter anything in the textbox. – Sachin Nov 21 '13 at 11:31

score 0 · Answer 2 · edited May 23 '17 at 11:56

0

Option 1 : You can disable the CTRL +V refer here

Option 2 : Put the regex validation on lost focus or keyup to

edited May 23 '17 at 11:56

Community

1
1

answered Nov 21 '13 at 11:22

Sandeep Kumar

783
1
5
13

Accept only numbers in Textbox - jQuery

2 Answers2

Linked