TextArea KeyCounter

jquery-keycounter.js

// Contador de caracteres genérico para un textarea
//
//  $('textarea').keycounter();
//  usas los valores por defecto.. el nombre del contador es 'counter' y 140 caracteres máximos
//
//  $('textarea').keycounter({'counter': '#area_counter', 'max': 300});
//  el contador va a ser el elemento area_counter y tendrá un máximo de 300 caracteres
//
//  Nelson Fernandez - 23.5.2011 - v.0.1
//
(function($) {
  var m = {};
  m.o = {};
  m.keydown = function(ev) {
    if ((ev.keyCode == 8) || (ev.keyCode == 9) || ((ev.keyCode >= 35) && (ev.keyCode <= 46))) { return; }
    if (m.o.t.val().length < m.o.max) {
      m.o.c.html(m.o.t.val().length);
      return true;
    } else {
      ev.stopPropagation();
      return false;
    }
  };

  m.keyup = function(ev) {
    m.o.c.html(m.o.t.val().length);
  };

  $.fn.keycounter = function(options) {
    m.o = $.extend({ 'counter': '#counter', 'max': 140 }, options);
    m.o.t = $(this);
    m.o.c = $(m.o.counter);
    return this.each( function() {
      $(this).bind('keydown', m.keydown);
      $(this).bind('keyup', m.keyup);
    });
  };
})(jQuery);