jQuery restrict input range

Question

I have following jQuery script implemented which suppose to restrict input in input form.

<script language="JavaScript">
var inputPlz = $j( "span#spanvertragsnehmer_plz input.plz" );   

function attachEventHandlerToInputNumber(input) 
{
    input.on("keypress", function(key) 
    {
        if ((key.which != 8 && key.which != 0 && (key.which < 48 || key.which > 57)) || inputPlz.val().length > 4) 
        {
            return false;
        }
    });   
}

attachEventHandlerToInputNumber(inputPlz);
</script>

In the following code I can restrict the input but once it goes to 5 digit number I can't edit the number using backspace anymore. Is there anything I missing here ?? Thank you.

Yes, inputPlz.val().length > 4

Rayon
– Rayon

2016-06-30 16:23:49 +00:00
Commented Jun 30, 2016 at 16:23 — Rayon
– Rayon, Commented Jun 30, 2016 at 16:23

IrkenInvader · Accepted Answer · 2016-06-30 16:26:59Z

3

This statement || inputPlz.val().length > 4 causes the return false; line to execute whenever the input length is 5+, no matter what key is pressed. Backspace is a key like any other thus you cannot backspace after 5+ digits.

If you want to allow backspaces once 5+ digits have been entered you could change that segment to || (inputPlz.val().length > 4 && key.which != 8))

answered Jun 30, 2016 at 16:26

IrkenInvader

4,0401 gold badge14 silver badges25 bronze badges

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

1 Comment

IrkenInvader Over a year ago

Not stupid, it was tricky especially since it appears you handle != 8 earlier on. Glad I could help, good luck on your project!

Collectives™ on Stack Overflow

jQuery restrict input range

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related