Javascript type max 5 characters in an input field

Question

I have a numbered input field, in that field only the character 0-9 and decimal points(,) are legid. That piece of code is done. But now I want to give the inputfield a maximum length of 4.

function isNumberKey(evt){
    var charCode = (evt.which) ? evt.which : event.keyCode;

    if (charCode == 44){
        return true;
    } else if (charCode > 31 && charCode < 48 || charCode > 57){
        return false;
    } else{
        return true;
    }

}

Why don't you use the maxlength attribute in the HTML? <input type='number' maxlength='4'/> — W.K.S
– W.K.S, Commented Dec 5, 2013 at 20:11
That doesn't work. HTML validate only the maxlength when you click at the submit button — Thom
– Thom, Commented Dec 6, 2013 at 7:55

Rahul Tripathi · Accepted Answer · 2013-12-05 20:12:50Z

2

You may try it with HTML like this:

<input type='number' maxlength='4'/>

answered Dec 5, 2013 at 20:12

Rahul Tripathi

173k33 gold badges292 silver badges341 bronze badges

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

1 Comment

tymeJV Over a year ago

Mines well make it type=number

Bilal · Accepted Answer · 2013-12-05 20:15:02Z

simple

<input type='number' maxlength='4'/>

or if you want to allow some combination keys

$(function() {

            $ ('#input-field').keydown ( function (e) {
                //list of functional/control keys that you want to allow always
                var keys = [8, 9, 16, 17, 18, 19, 20, 27, 33, 34, 35, 36, 37, 38, 39, 40, 45, 46, 144, 145];

                if( $.inArray(e.keyCode, keys) == -1) {
                    if (checkMaxLength (this.innerHTML, 4)) {
                        e.preventDefault();
                        e.stopPropagation();
                    }
                }
            });

            function checkMaxLength (text, max) {
                return (text.length >= max);
            }
        });

Collectives™ on Stack Overflow

Javascript type max 5 characters in an input field

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related