Simple JQuery TextArea MaxLength Function

There are about 25,900 TextArea Maximum Length functions out there, Google said. I searched for a simple function that work on typing (Key Press) and on Copy and Paste, and able to use across the site without calling from each textarea. After few minutes of Googaling, I did not find any that fit my requirements, so here I put together a simple function

You need JQuery to run this. (Download Here). (Here are the JQuery Basics). Copy and Paste bellow code to any where in your web page, and that is all.
 

   1: <script type="text/javascript">

   2: $("document").ready(function() {

   3:  $('textarea[maxlength]').live('keyup change', function() {

   4:  var str = $(this).val()

   5:  var mx = parseInt($(this).attr('maxlength'))

   6:  if (str.length > mx) {

   7:     $(this).val(str.substr(0, mx))

   8:     return false;

   9:  }})})

  10: </script>

Show/Hide Line Numbers . Full Screen . Plain

Here is a quick Demo (Maximum 50 Characters)

Codes of the above Demo

   1: <script type='text/javascript' src='http://cflove.org/js/jquery-1.4.2.min.js'></script>

   2: <script type="text/javascript">

   3: $("document").ready(function() {

   4:  $('textarea[maxlength]').live('keyup change', function() {

   5:  var str = $(this).val()

   6:  var mx = parseInt($(this).attr('maxlength'))

   7:  if (str.length > mx) {

   8:     $(this).val(str.substr(0, mx))

   9:     return false;

  10:  }

  11:  }

  12:  )

  13: })

  14: </script>

  15: <textarea maxlength="50" style="width:400px; height:50px"></textarea>

Show/Hide Line Numbers . Full Screen . Plain