Jquery limit text in input box

Question

I want to limit number of chars in input text field.

Code I'm using:

function limitText(field, maxChar){
    if ($(field).val().length > maxChar){
       $(field).val($(field).val().substr(0, maxChar));
    }
}

Event is onkeyup. When I type some text in input field cursor stays on the end of text but focus is backed on start of the text so I can't see cursor.

What can be a problem.

Browser is FF, on IE and chrome it is working correctly

Ties · Accepted Answer · 2012-09-13 16:36:33Z

44

you can also do it like this:

<input type="text" name="usrname" maxlength="10" />

to achieve this with jQuery, you can do this:

function limitText(field, maxChar){
    $(field).attr('maxlength',maxChar);
}

answered Sep 13, 2012 at 16:36

Ties

5,8563 gold badges30 silver badges37 bronze badges

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

Comments

thecodeparadox · Accepted Answer · 2012-09-13 16:45:14Z

7

Your code is working in FF. Here is slightly modified version of your code:

$('input.testinput').on('keyup', function() {
    limitText(this, 10)
});

function limitText(field, maxChar){
    var ref = $(field),
        val = ref.val();
    if ( val.length >= maxChar ){
        ref.val(function() {
            console.log(val.substr(0, maxChar))
            return val.substr(0, maxChar);       
        });
    }
}

Demo

answered Sep 13, 2012 at 16:45

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

1 Comment

BartmanDilaw Over a year ago

Best way in JQuery I found to do this ! Cool !

Collectives™ on Stack Overflow

Jquery limit text in input box

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related