Cómo poner un maxlength a un textArea de HTML usando JavaScript

El atributo maxlength no es estándar para <textarea> en HTML 4.01. Se define en HTML5, pero si no tenemos implementado HTML5 podemos resolverlo de otra manera para que funcione en todos los navegadores que puede utilizar javascript.
He aquí un ejemplo:

<textarea onkeypress="return imposeMaxLength(event, this, 110);" rows="4" cols="50">

function imposeMaxLength(Event, Object, MaxLen)
{
    return (Object.value.length <= MaxLen)||(Event.keyCode == 8 ||Event.keyCode==46||(Event.keyCode>=35&&Event.keyCode<=40))
}

copiado de stackoverflow

Por otro lado, hay otra manera de resolverlo y es por Jquery. Esta opción me gustó más ya que por mas que copies y pegues un texto que sobrepase la cantidad requerida, termina limpiandote lo restante y dejandote hasta lo permitido. Ademas evitas menos lineas de código en caso de tener varios textarea.

 $('textarea').keyup(function () {
        var len = this.value.length;
        if (len >= 20) {
            this.value = this.value.substring(0, 20);
        }
        $('#charLeft').text(20 - len);
  });

Comentarios

Entradas populares de este blog

Llenar un dropdownlist de mes con C#

Buenas, acá dejo un ejemplo de como llenar un dropdownlist. Lo publico como para tenerlo de referencia, tal vez a alguien le sirva también. Código en C# (code behind) private void CargarMes() { //valor por default ddlMes.Items.Add("Seleccione mes"); List<string> nombreMes = DateTimeFormatInfo.CurrentInfo.MonthNames.Take(12).ToList(); var listaMesesSeleccionados = nombreMes.Select(m => new { Id = nombreMes.IndexOf(m) + 1, Name = m }); foreach (var mes in listaMesesSeleccionados) { ...

Borrar carpetas .svn en Windows

Cuando se empieza a usar Subversion (SVN), para tener un control de los archivos de nuestro proyectos, en ocasiones usaremos clases, librerías, frameworks o carpetas de un repositorio de un tercero. Cuando unimos estas carpetas nuevas, a nuestro repositorio cliente, esta no los interpreta bien porque ya vienen con otras carpetas .SVN con archivos específicos para su repositorio de origen. La solución aquí es eliminar todas las carpetas .SVN de lo que queramos implementar para que nuestro repositorio cliente lo interprete como nuevos archivos y podamos agregarlas al proyecto. Con esto se eliminarán las carpetas .SVN de forma recursiva. Pero escribir toda esa línea no es muy cómodo que digamos en nuestro trabajo del día a día, por eso vamos a automatizar este proceso. En Windows Crearemos un archivo que llamaremos "borrar carpetas SVN.reg" y contendrá lo siguiente: Código : Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\Directory\shell\DeleteSVNFolders] ...

Recursividad

1.1. Introducción . El concepto de recursividad va ligado al de repetición. Son recursivos aquellos algoritmos que, estando encapsulados dentro de una función, son llamados desde ella misma una y otra vez, en contraposición a los algoritmos iterativos, que hacen uso de bucles while, do-while, for, etc. 1.2. Definición . Algo es recursivo si se define en términos de sí mismo (cuando para definirse hace mención a sí mismo). Para que una definición recursiva sea válida, la referencia a sí misma debe ser relativamente más sencilla que el caso considerado. 1.3. Elementos de la Recursión 1.3. 1. Axioma Es un caso donde el problema puede resolverse sin tener que hacer uso de una nueva llamada a sí mismo. Evita la continuación indefinida de las partes recursivas. 1.3.2. Formula recursiva Relaciona el resultado del algoritmo con resultados de casos más simples. Se hacen nuevas llamadas a la función, pero están más próximas al caso base. Por eje...

Jonatan Esteche

Buscar este blog