Prevent user from entering a non number in a textbox using jQuery [duplicate]

Question

Possible Duplicate:
How to allow only numeric (0-9) in HTML inputbox using jQuery?

I have a jquery snippet which allows only numbers inside a particular textbox.If the user types a letter/special character, it doesn't allow the character to get into the textbox at all.But it doesn't work.

$("#PostalCode").keydown(function (e) {
            if (e.shiftKey || e.ctrlKey || e.altKey) { // if shift, ctrl or alt keys held down
                e.preventDefault();         // Prevent character input
            } else {
                var n = e.keyCode;
                if (!((n == 8)              // backspace
                        || (n == 46)                // delete
                        || (n >= 35 && n <= 40)     // arrow keys/home/end
                        || (n >= 48 && n <= 57)     // numbers on keyboard
                        || (n >= 96 && n <= 105))   // number on keypad
                        ) {
                    alert("in if");
                    e.preventDefault();     // Prevent character input
                }
            }
        });

The alert message is shown whenever I enter a non-number(letter, or special character), which means that my logic is probably correct. But still the character is displayed inside the textbox, which means that there's something wroing with e.preventDefault(). Can anyone help?

he's not asking how to do x, he's asking why y isn't working. — Rodik
– Rodik, Commented Jul 18, 2012 at 13:04
Esailija, Ben suggested that this is a duplicate of another question, i was pointing out that it wasn't, because this asker already has his own code, and he is asking why e.preventDefault isn't working in his case, he's not asking for a different implementation of his own code. — Rodik
– Rodik, Commented Jul 18, 2012 at 13:09

Christoph · Accepted Answer · 2012-07-18 13:10:27Z

0

Funnily it works, if you have no alert in between, with alert the code breaks.

answered Jul 18, 2012 at 13:10

Christoph

51.4k22 gold badges102 silver badges129 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

karan k Over a year ago

:O Never noticed that! Thanks

Community · Accepted Answer · 2017-05-23 10:09:32Z

0

According to this Opera preventDefault() on keydown event some browsers dont support preventDefault on keydown. Could this be the case for you?

Maybe you could try on keypress instead?

That or maybe you could use regex and replace invalid characters with ""

edited May 23, 2017 at 10:09

CommunityBot

11 silver badge

answered Jul 18, 2012 at 13:03

Gaz Winter

2,9442 gold badges27 silver badges48 bronze badges

Collectives™ on Stack Overflow

Prevent user from entering a non number in a textbox using jQuery [duplicate]

2 Answers 2

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Linked

Related