Como limitar los caracteres de un textarea
Categories: Tutoriales - Tags: javascriptA 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
El dreamweaver me dice que hay un error de sintaxis en:
if (input.value.length >= 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 > es el código html de >
La función sería if (input.value.length >= 3000)
Disculpa el error, ya actualize el Post
Saludos