Informar cantidad de caracateres con JavaScript

Muchas veces, surge la necesidad de limitar el área de texto de un formulario, y a la vez, informar la cantidad de caracteres digitados y los restantes. Para hacerlo, se pueda utilizar un sencillo código JavaScript que te mostramos a continuación.

Ejemplo

0 Caracteres digitados / Restan 100

Código Fuente

[<title>Informar cantidad de caracateres</title> <table> <tbody> <tr><td><textarea cols="35" name="Area" onkeypress="max(this)" onkeyup="max(this)" rows="4"></textarea><br /> <span id="Digitado" style="color: red;">0</span> Caracteres digitados / Restan <span id="Restante" style="color: red;">100</span> </td></tr> </tbody></table> <script language="javascript"> function max(txarea) { total = 100; tam = txarea.value.length; str=""; str=str+tam; Digitado.innerHTML = str; Restante.innerHTML = total - str; if (tam > total){ aux = txarea.value; txarea.value = aux.substring(0,total); Digitado.innerHTML = total Restante.innerHTML = 0 } } </script>]