How to set the maxLength of a TextArea so that it works across all browsers?

Question

I wrote the below maxLength restriction on the textarea control and it works fine in IE 9.0 but doesn't work with IE 8.0.

<textarea name="commentString" rows="7" maxlength="2000">some data </textarea>

How can I set the maxLength so that it works across all browsers? would JQuery have any helper method for this?

Similar question : http://stackoverflow.com/questions/1125482/how-to-impose-maxlength-on-textarea-in-html-using-javascript/1125521#1125521 — Sukhdeep Singh Handa, Sep 17 '13 at 09:34

score 1 · Answer 1 · edited Sep 17 '13 at 12:20

1

   $('textarea').keypress(function() {
  return $(this).val().length < 50;
});

edited Sep 17 '13 at 12:20

Neji

6,591
5
43
66

answered Sep 17 '13 at 09:32

Jayesh Amin

314
2
12

if you're on the last letter then press back button then it won't work. – The Light Sep 17 '13 at 11:12

score 0 · Answer 2 · answered Oct 16 '15 at 14:41

It will not working below IE9.

Use this code it will work for below IE 9 version. only change version in if condtion.

if(navigator.appVersion.indexOf("MSIE .9")!=-1)
                                {
                                    $('#inputid').bind('keyup blur', function () {
                                        var $this = $(this);
                                        var len = $this.val().length;
                                        var maxlength = 3;
                                        if (maxlength && len > maxlength) {
                                            var inputvalue= $this.val().slice(0, maxlength);
                                            $this.val("");
                                            $this.val(inputvalue);
                                        }
                                    });
                                }

How to set the maxLength of a TextArea so that it works across all browsers?

2 Answers2

Linked