Acortar cadenas de texto

Wel · #1 (**permalink**) 04/11/2007, 03:21

Necesito validar en un textarea que no haya palabras de mas de cierto numero de caracteres (ej:30)
El código consistiría en ir contando el numero de caracteres que tiene el textarea, hasta que se encuentre un espacio en blanco o retorno de línea. Si el numero es mayor por ejemplo que 30, devuelve un mensaje del tipo:

"Esta usando palabras demasiado largas, por favor use espacios en blanco para separarlas".

Esto lo necesito realiza ya que cuando alguien escribe cadenas del tipo:

"aaaaa.bbbbb.ccccc...jajajjjaaaaa.jaaaa.jjaaa..... .... 1 2 3".

Al mostrar el contenido en la web, aparece demasiado alargada horizontalmente, ya que hay palabras demasiado largas, por ello necesito que antes de enviar la información del formulario se valide que no haya mas de 30 caracteres seguidos antes de un espacio en blanco o un retorno de línea
Alguien me puede orientar un poco como hacerlo, o si ya existe algún post parecido sobre este tema, que me indique la ruta, pues he estado buscado en el foro y aunque he visto cosas que parecían que podían valerme, al final no he podido saca el código javascript que necesito para esta validación.

También he pensado no validar este tipo de cadenas y tratarlas a la hora de mostrarlo para que saque algo así:

"aaaaa.bbbbb.ccccc...jaja...[+] 1 2 3"

Aunque tampoco se como hacerlo… ¿Qué seria mejor.?

JavierB · #2 (**permalink**) 04/11/2007, 03:33

Hola Wel

Separa el texto por palabras:

Código:

txt = document.forms[0].tuTextarea.value;
palabras = txt.split(' ');

Ahora en el array palabras tienes todas las palabras del texto, lo recorres con un bucle y vas viendo los caracteres que tiene cada uno. Por ejemplo, la primera palabra sería:

Código:

caracteres = palabras[0].length

Saludos,

Wel · #3 (**permalink**) 04/11/2007, 03:46

JavierB, eres la caña, voy a picar el código, a ver si funciona... MUCHA GRACIAS!!, en cuanto lo tenga, hago un copy&paste y lo pego en otro mensaje de este tema, por si le sirve a alguien.

UN SALUDO!!

Wel · #4 (**permalink**) 04/11/2007, 05:25

JavierB me esta surgiendo un problemita, y es que después de poner esto:

txt = document.forms[0].tuTextarea.value;
palabras = txt.split(' ');

"palabras", tiene un array de todas la palabras que compone "txt", excepto para cuando hay un retorno de línea, en cuyo caso la última palabra de la línea y la siguiente la considera como una sola.
si tengo:

"abc abc" en el textarea, entonces Palabras = ["abc","abc"] con lo cual si está contando bien, pero si en el textarea se escribe con salto de línea:
"abc abc"
"def def"
Palabras = ["abc","abc def","def"]

Por lo tanto si el tamaño máximo de caracteres fuese 5 (por ejemplo), esto me daría error, pues el segundo índice de "PALABRAS" es mayor de 5... y en la realidad no es así... ¿Existe la posibilidad de hacer algo parecido a eso?:

palabras = txt.split(" " or "\n")

Te pongo el código que tengo hecho, que funciona correctamente, (siempre que en el textarea no tenga saltos de línea en el que la última palabra de una línea y la primera de la siguiente no sean mayores que 10.)

Código HTML:

<HTML>
   <HEAD>
	<TITLE> New Document </TITLE>

	<script>
		 function Verificar(){
			var num_max_caracteres = 10;
			Mensaje = document.getElementById('formulario').mensaje.value;
			Vector_Palabras = Mensaje.split(" ");

			for (i=0;i<Vector_Palabras.length;i++){
				Num_Caracteres = Vector_Palabras[i].length
				if (Num_Caracteres > num_max_caracteres){window.alert("La "+(i+1)+"ª palabra que ha escrito : \n\n'"+Vector_Palabras[i]+"'\n\n es demasiado larga, tiene más de "+num_max_caracteres+" caracteres.\n\n¡¡¡ USE ESPACIOS EN BLANCO !!!.");return false}
			}	 
			return true;
		}
	</script>

   </HEAD>

   <BODY>


      <form name="formulario" method="post" onSubmit="return Verificar();">

		<textarea name="mensaje"></textarea>

		<input name="submit" type="submit" value="A&ntilde;adir">
      </form>

   </BODY>
</HTML>

Panino5001 · #5 (**permalink**) 04/11/2007, 06:40

Usá split(/\s/)

Wel · #6 (**permalink**) 04/11/2007, 07:45

De lujo... GRACIAS.
YA FUNCIONA OK!!