website stats » Contar número de saltos de línea en un Textarea | Solo Código |

Contar número de saltos de línea en un Textarea

Escrito por J.F. el Monday, 3 de September del 2007 a las 13:50

El siguiente ejemplo se encarga de contar el número de saltos de líneas de un textarea gracias a Javascript. ¡Ojo! Cuenta el número de saltos de líneas, es decir, una nueva línea comienza después de haber pulsado Intro, no contando el salto de línea automático al llegar al final del cuadro de texto. Puede resultarnos muy útil para limitar en determinado apartado de un sitio web, el número de líneas de un campo. Éstas técnicas son frecuentemente utilizadas en aplicaciones que precisan acceso a base de datos, pudiendo darlo el formato deseado. Veamos el código del ejemplo:

Función Javascript:

JavaScript:
  1. <script>
  2. function cuentaLineas(cadena) {
  3.     var str;
  4.     str = cadena.split('\r\n');
  5.     if(str.length>4){
  6.      alert("No puede haber más de 4 saltos de línea.");
  7.     }
  8. }   
  9. </script>
  10. </head>

Y finalmente el código HTML de la página. Se mostrará un alert si hay más de 4 saltos de línea:

HTML:
  1.  
  2. <textarea name="cadena" cols="50" rows="4" onBlur="cuentaLineas(this.value);">
  3. </textarea>
  4.  
  5. </body>

Comentarios (4)

Categoria: Javascript

4 Comentarios

Entradas relacionadas


Comentario de Larry

Realizado el Sunday, 6 de April del 2008 a las 6:14

el problema es que es muy amigable… igual permite seguir añadiendo lineas… cómo se podría truncar el textarea?

Comentario de salto

Realizado el Wednesday, 22 de April del 2009 a las 8:58

salto
de linea

salto de linea
salto de linea

Comentario de FelipR

Realizado el Friday, 8 de May del 2009 a las 6:07

No me funcionó, el str permanece en 1.
Lo vi desde FF

Comentario de esteban

Realizado el Tuesday, 26 de April del 2011 a las 0:44

a mi no me gusta ni me funciono por q permite igual hacer un monton de saltos de linea y ese no es el chiste…..
Si alguien sabe hacerlo bien favor publicarlo
Gracias…

Escribir un comentario

Puedes usar las siguientes etiquetas HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Solo Código

Solo Código es una colección de códigos de todo tipo que pueden resultar útiles para el diseño de páginas web. Está enfocado tanto para aquellos que son expertos, como para aquellos principiantes que quieren encontrar recursos útiles, o no saben implementar determinadas funciones en sus webs. No olvides que Solo Código es un blog de Informática Práctica, donde tenemos otras secciones interesantes como:
| Tutoriales | Trucos | Software | Links | Buscar |