Max length of textarea is not working on IE8

Question

From research on internet, max length attribute is not working on IE 8 and 9

To resolve the problem I tried a solution from here , it use with the other function which is for presentation textarea:

//Dynamic append the textarea row
function do_resize(textArea) {
    while (
        textArea.rows > 1 &&
        textArea.scrollHeight < textArea.offsetHeight
    )
    {
        textArea.rows--;
    }
    while (textArea.scrollHeight > textArea.offsetHeight)
    {
        textArea.rows++;
    }
    textArea.rows++
}


<textarea name="q<%=countNo%>_ans" rows="3" cols="55" maxlength="2000" style="resize: none;" onkeyup="new do_resize(this);" onKeyPress="return ( this.value.length < 2000);"></textarea>

The problem is , The textarea is not able to input any character after it exceed the 2000 in IE8 9 , but I can still use the copy and paste function which will exceed the textarea limit. How to fix this? thanks

sorry. It seems onpaste="return false" fixed the problem – user1871516 Jun 04 '13 at 02:50 — user1871516, Jun 04 '13 at 02:50
it's very easy using length `` – Sender Jun 04 '13 at 04:53 — Sender, Jun 04 '13 at 04:53

Jukka K. Korpela · Accepted Answer · 2013-06-04T06:54:19.947

The code in the question effectively disables typing from keyboard when the limit has been reached. To impose the restriction on pasted content too, you need to handle other events, too. The following code truncates the textarea content to the given length. This is not good usability (you should probably signal an attempt to exceed the limit, instead of silent truncation, and you could have a character counter on the page to help the user), but it does what was asked for:

<textarea maxlength=2000
  onchange="testLength(this)"
  onkeyup="testLength(this)"
  onpaste="testLength(this)"
></textarea>
<script>
var maxLength = 2000;
function testLength(ta) {
  if(ta.value.length > maxLength) {
    ta.value = ta.value.substring(0, maxLength);
  }
}
</script>

score 1 · Answer 2 · answered Apr 23 '14 at 17:02

1

Just for some hstory on this, maxlength on a textarea is a new HTML5 feature which was only first supported by IE in 10. IE 9 and below never supported it.

answered Apr 23 '14 at 17:02

nt827

450
1
5
12

score 1 · Answer 3 · answered Oct 16 '15 at 14:38

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);
                                        }
                                    });
                                }

score -2 · Answer 4 · answered Jun 04 '13 at 03:02

-2

Simply add onpaste fixed the problem

<textarea name="q<%=countNo%>_ans" rows="3" cols="55" maxlength="2000" style="resize: none;" onkeyup="new do_resize(this);" onKeyPress="return ( this.value.length < 2000); onpaste="return ( this.value.length < 2000);"></textarea>

answered Jun 04 '13 at 03:02

user1871516

979
6
14
26

The cure is worse than the disease, and it is an answer to a different problem: “How do I reduce usability by preventing users from pasting text in a textarea at all?” – Jukka K. Korpela Jun 04 '13 at 06:21
That's what max length intend for – user1871516 Jun 04 '13 at 06:45
No, `maxlength` limits the amount of user input. It is not meant to limit the input methods, and it does not do that. – Jukka K. Korpela Jun 04 '13 at 06:48
Thanks for the advice, would you mind suggest the best approach to implement maxlength on old browser such as IE8? – user1871516 Jun 04 '13 at 06:53

Max length of textarea is not working on IE8

4 Answers4

Linked

Related