Usa este script para limitar el número de caracteres permitidos en un elemento de formulario. El script contará el número de caracteres que le restan para alcanzar el máximo utilizando para ello las ventajas -que como hemos visto anteriormente- aporta el DOM. Fácil de implementar y de modificar.

Código:

<script type="text/javascript">
function getObject(obj) {
  var theObj;
  if(document.all) {
  if(typeof obj=="string") {
          return document.all(obj);
  } else {
          return obj.style;
  }
  }
  if(document.getElementById) {
  if(typeof obj=="string") {
          return document.getElementById(obj);
  } else {
          return obj.style;
  }
  }
  return null;
}
//Contador de caracteres.
function Contar(entrada,salida,texto,caracteres) {
          var entradaObj=getObject(entrada);
          var salidaObj=getObject(salida);
          var longitud=caracteres - entradaObj.value.length;
		if(longitud <= 0) {
        		  longitud=0;
       		  texto='<span class="disable"> '+texto+' </span>';
			  entradaObj.value=entradaObj.value.substr(0,caracteres);
  		}
          salidaObj.innerHTML = texto.replace("{CHAR}",longitud);
  }
</script>

Ejemplo de uso:

<form action="" method="post">
<textarea name="Contador" id= "Contador" cols="20" rows="6" onKeyUp="Contar('Contador','MostContador','{CHAR} caracteres restantes.',20);">
</p>
<p><strong>Ejemplo de uso:</strong> </p>
<pre lang="html4strict" line="1" xml:lang="html4strict"><form action="" method="post">  <textarea name="Contador" id="Contador" cols="20" rows="6" onkeyup="Contar('Contador','MostContador','{CHAR} caracteres restantes.',20);"></textarea>  <br /><span id="MostContador">20 caracteres restantes.</span></form>