JQuery: Restrict input characters to 0-9 [duplicate]

Question

When the user presses a key, I want to remove characters that are not in the range 0-9, but this code isn't working: (jsfiddle)

$('input').on('keypress', function(event){
        var char = String.fromCharCode(event.which)
        var txt = $(this).val()
        if (!txt.match(/^[0-9]*$/)){
            var changeTo = txt.replace(char, '')
            $(this).val(changeTo).change();
        }
});

What am I doing wrong? Thanks

I think that using JQuery Validation (jqueryvalidation.org) plugin you can do it better... — Kornfeld Eliyahu Peter
– Kornfeld Eliyahu Peter, Commented May 18, 2014 at 11:11
keypress event is fired before value is change - that's why txt will not include the new value — griffon vulture
– griffon vulture, Commented May 18, 2014 at 11:13

Community · Accepted Answer · 2017-05-23 12:19:23Z

1

Updated fiddle:

http://jsfiddle.net/JXYbC/3/

$('input').on('keypress', function(event){
    if (event.keyCode < 48 || event.keyCode > 57)
        return false;
});

But as Mikk3lRo pointed out, there are much better answers already on stackoverflow, because you should for example also allow the delete key, so the user can correct an input:

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

edited May 23, 2017 at 12:19

CommunityBot

11 silver badge

answered May 18, 2014 at 11:08

Stephan Wagner

9901 gold badge8 silver badges18 bronze badges

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

Collectives™ on Stack Overflow

JQuery: Restrict input characters to 0-9 [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related