How to limit the size of an HTML textarea with JavaScript?

Question

Anyone have code to limit the characters in a text field and display the character count?

I need something like twitter status input and I can't find anything online. If there isn't anything out there, I'll probably make a jQuery plugin or at least open source this thing.

Thanks!

<a href="stackoverflow.com/questions/378294/… Here</a> and <a href="stackoverflow.com/questions/451491/…> — personaelit
– personaelit, Commented Oct 19, 2009 at 12:58

Espo · Accepted Answer · 2009-10-19 12:53:26Z

3

Take a look at this page:

Interactive character limit for textarea using Jquery

 <script language="javascript">
 function limitChars(textid, limit, infodiv)
 {
     var text = $('#'+textid).val(); 
     var textlength = text.length;
     if(textlength > limit)
     {
         $('#' + infodiv).html('You cannot write more then '+limit+' characters!');
          $('#'+textid).val(text.substr(0,limit));
          return false;
     }
     else
     {
      $('#' + infodiv).html('You have '+ (limit - textlength) +' characters left.');
      return true;
     }
 }
 </script>

Then bind the function to the keyup event of your textarea. Do this in jQuery’s ready event of document like this:

$(function(){
    $('#comment').keyup(function()
    { 
        limitChars('comment', 20, 'charlimitinfo'); 
    })
});

answered Oct 19, 2009 at 12:53

Espo

42.1k21 gold badges138 silver badges160 bronze badges

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

1 Comment

Tony Over a year ago

I ended up using this one which looks very close to twitter: javascriptkit.com/script/script2/enforceform.shtml

Collectives™ on Stack Overflow

How to limit the size of an HTML textarea with JavaScript?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related