14Dic 2009 5 Comments */?>

Como limitar los caracteres de un textarea

Categorías: Tutoriales - Tags:

A diferencia de los <input type=”text”> , los campos <textarea> no tienen el atributo de maxlength. Digamos que dado un campo de texto como el siguiente:

1
<textarea id="descripcion" onkeyup="contar(this);" cols="50" rows="8" name="descripcion"> </textarea><span id="letras">3000/3000 caracteres</span>

Si queremos contar y mostrar los caracteres escritos en un span, tan solo necesitamos esta pequeña función.

1
2
3
4
5
6
7
8
9
10
11
12
13
function contar(input) {
//Comprobamos que no pase de 3000 caracteres y si pasa, que borre los sobrantes
if (input.value.length >= 3000) {
input.value = input.value.substring(0,3000);
}
//alamacenamos el resto
var resto = 3000 - input.value.length;
 
//imprimimos los caracteres restantes en el span
var final=document.getElementById('letras');
final.innerHTML=resto+"/3000 caracteres";
 
}

Como pueden ver, es muy facil y tan solo bastaron unas lineas de javascript. Saludosss

Damián Logghe

Programador freelancer y emprendedor en sueños. Contento de ser mi jefe y poder hacer lo que me gusta. WordPress es mi principal fuente de ingreso y me escribo tanto para ayudar como para tener una guia de memoria. Quieres contratarme? Déjame un mensaje.

More Posts - Website

Follow Me:
TwitterFacebookLinkedInGoogle Plus

  • Anon

    El dreamweaver me dice que hay un error de sintaxis en:

    if (input.value.length &gt;= 3000) {

    • Si eso es que cuando cambie el plugin para mostrar código en el blog se produce un error al pasar código HTML and texto plano.
      En otras palabras &gt; es el código html de &gt;
      La función sería if (input.value.length &gt;= 3000)

      Disculpa el error, ya actualize el Post

      Saludos

  • Vennenno

    Buenísimo, no sabés como me sirvió. Se agradece, mucho CSS3 y HMTL5 lo mío… esto es mucho más complejo.

  • Vicente167

     its work thank!s

  • J.briand

    damian ya llevo varias visitas por aquí gracias por los códigos me sirvieron saludos desde Peru