peivem.com cerrará sus puertas
Esta entrada ha sido publicada en mi nuevo blog, en:
http://www.sebastianbarria.com/web/limitar-caracteres-en-un-textarea/
Por favor, visita mi nuevo sitio, porque este lo daré de baja muy pronto. Gracias!

2 comentarios » Publicado el: 10 de Junio de 2009 a las 12:33:14, en la categoría: Web.

RSS twitter menéame digg bitacoras

Limitar caracteres en un textarea

A partir de la función mostrada en el post anterior, se me ocurrió hacer una función que limitara la cantidad de caracteres de un área de texto (textarea).

Como muchos ya deben saber, los textarea no permiten el uso del atributo maxlength, que poseen los inputs de texto. Pero para simular eso vamos a recurrir a la siguiente funcion:

function maxLength(e,obj,num) {
    k = (document.all) ? e.keyCode : e.which;
    if (k==8 || k==0){ return true; }
    else{ return obj.value.length<num; }
}

Para aplicar esta función, es necesario incluir lo siguiente en cualquier textarea:

<textarea onkeypress="return maxLength(event,this,50);"></textarea>

En este ejemplo, le estamos diciendo a la función que limite el ingreso de textos a 50 caracteres.

Junto con la función se le envía la variable event, que corresponde al evento que está en memoria de la tecla presionada. Con esto, permitiremos que todavía se puedan utilizar las teclas de movimiento y borrado una vez que se supera el máximo de caracteres. La variable this corresponde al textarea, para que el javascript sepa sobre quien se está aplicando la función.

Una de las limitaciones de este sistema es precisamente que está hecho en javascript, y como es sabido, el javascript es fácil de engañar, pero aún así sigue siendo una buena alternativa para validar nuestros formularios. En todo caso, recuerden siempre validar los formularios en el php, asp o lo que sea que reciba los datos.

Comentarios

Los comentarios han sido cerrados.

Sin embargo, desde ahora podrás comentar en la nueva dirección de esta entrada: http://www.sebastianbarria.com/web/limitar-caracteres-en-un-textarea/

RSS | XHTML | CSS | Licencia CC (BY-NC-SA)

Este sitio está alojado en DreamHost © peivem 2008. Todos los derechos reservados | Versión 1.62 | Diseño y desarrollo por GEEKBOX