set maxlength in textarea

Question

I want to set maxlength in textarea. I have defined maxlength property in textarea but it seems to be of no use. Pls help. My code:

<html:textarea styleClass="textarea" maxlength="2100" cols="60" rows="3">

score 1 · Answer 1 · answered Jan 24 '14 at 07:22

1

Try this javascript function:

$(function(){  
  $("#id").keypress(function() {  
    var maxlen = 100; //length as you desire
    if ($(this).val().length > maxlen) {  
      return false;
    }  
  })
});

answered Jan 24 '14 at 07:22

or just get the length at submit time and do validation. – Scary Wombat Jan 24 '14 at 07:26
1

it fails if someone copy-paste the text. – Zaheer Ahmed Jan 24 '14 at 07:28

score 1 · Answer 2 · answered Jan 24 '14 at 07:27

You have to write code for two events, keyup and copy paste so try this:

onKeyPress = "return ( this.value.length < 2100 );", onPaste = "return onTextAreaPaste(this,2100)"

Here is Js:

function onTextAreaPaste(textArea,size) {        
    var length = textArea.value.length;
    if(window.clipboardData!=undefined)
        length = textArea.value.length + window.clipboardData.getData('Text').length;
    return length < size;
}

score 1 · Answer 3 · edited May 23 '17 at 12:13

1

I recently came across a problem with textarea maxlength attribute because the newlines where considered as 1 in Firefox, and 2 in IE and Chrome. So I decide to go for JavaScript for handling this.

Here is how I handle the max length, its a jquery plugin, very easy to set and there's no problem with the different behaviors of browsers, plus give you a feedback of the characters used.

edited May 23 '17 at 12:13

Community

1
1

answered Mar 13 '14 at 15:29

Carlos Escalera Alonso

2,333
2
25
37

set maxlength in textarea

3 Answers3