Este script de Javascript es bastante utilizado en muchos sitios web. Se trata de controlar el tama\u00f1o del texto que se escribe en un textarea para evitar que los caracteres escritos sobrepasen de los permitidos. El control de los caracteres escritos se hace con Javascript, din\u00e1micamente en el lado del cliente, de modo que cuando el usuario llega a la longitud permitida, no se permite escribir m\u00e1s contenido en el campo textarea.<\/p>\n
Lo primero que debemos hacer para disponer de lo citado anteriormente es a\u00f1adir en el <head> el siguiente c\u00f3digo javascript:<\/p>\n
<script type=\"text\/javascript\">\r\ncontenido_textarea = \"\"\r\nnum_caracteres_permitidos = 25\r\n\r\nfunction valida_longitud(){\r\n num_caracteres = document.forms[0].texto.value.length\r\n if (num_caracteres > num_caracteres_permitidos) {\r\n document.forms[0].texto.value = contenido_textarea\r\n }else{\r\n contenido_textarea = document.forms[0].texto.value\r\n }\r\n\r\n if (num_caracteres >= num_caracteres_permitidos){\r\n document.forms[0].caracteres.style.color=\"#ff0000\";\r\n }else{\r\n document.forms[0].caracteres.style.color=\"#000000\";\r\n }\r\n cuenta()\r\n}\r\n\r\nfunction cuenta(){\r\n document.forms[0].caracteres.value=document.forms[0].texto.value.length\r\n}\r\n<\/script><\/pre>\nEsta funci\u00f3n ser\u00e1 la encargada de comprobar cuantos car\u00e1cteres faltan hasta llegar a la longitud m\u00e1xima, en este caso 25.<\/p>\n
El formulario debe estar dentro del <body> y debe ser algo como lo que sigue:<\/p>\n
<form action=\"index.php\" method=\"post\">\r\n <table>\r\n <tr>\r\n <td>Texto:<\/td>\r\n\t <td><textarea cols=\"40\" rows=\"5\" name=\"texto\" onKeyDown=\"valida_longitud()\" onKeyUp=\"valida_longitud()\"><\/textarea><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Caracteres:<\/td>\r\n <td><input type=\"text\" name=\"caracteres\" size=\"4\" disabled> (*) Número máximo de carácteres = 25<\/td>\r\n <\/tr>\r\n <\/table>\r\n<\/form><\/pre>\nSi nos fijamos en el tag <textarea> podemos ver que utilizamos onKeyDown y onKeyUp para validar la longitud en cada caracter pulsado o borrado.<\/p>\n
A la misma vez que vamos comprobando los car\u00e1cteres pulsados tambi\u00e9n vamos contando el n\u00famero de car\u00e1cteres con la funci\u00f3n javascript \u00abcuenta()\u00bb. Su valor se va mostrando en el input con id=\u00bbcaracteres\u00bb.<\/p>\n