Contar el número de caracteres de un Textarea

Escrito por J.F. el Miércoles, 25 de Julio del 2007 a las 16:49

El siguiente ejemplo puede resultar muy útil a la hora de incluir por ejemplo un límite de caracteres en la firma de un foro, o limitar el número de caracteres por cualquier razón en un textarea. Para informar al usuario del número de caracteres que lleva usados podemos echar mano de Javascript, con una simple función y gracias al uso del evento onKeyDown y onKeyUp. La función a incluir en el head es la siguiente:

TEXTO PLANO

JavaScript:

1. <script>
2. function cuenta(){
3.        document.forms[0].caracteres.value=document.forms[0].texto.value.length
4. }
5. </script>

Ahora solo falta por ver el código HTML,en el que se contarán las pulsaciones de teclado mediante los eventos onKeyUp y onKeyDown:

TEXTO PLANO

HTML:

1. <form action="#" method="post">
2. <table>
3. <tr>
4.     <td><strong>Texto:</strong></td>
5.     <td><textarea cols="20" rows="5" name="texto" onKeyDown="cuenta()" onKeyUp="cuenta()"></textarea></td>
6. </tr>
7. <tr>
8.     <td><strong>Caracteres:</strong></td>
9.     <td><input type="text" name=caracteres size=4></td>
10. </tr>
11. </table>
12. </form>

Aquí puedes observar el ejemplo funcionando:

Texto:
Caracteres:

Fuente: | Desarrollo Web

Categoria: Javascript

• Añadir este post a
• Del.icio.us -
• Meneame -
• Digg -
• Webeame

Entradas relacionadas

Nombre (obligado)

E-mail (no sera publicado) (obligado)

Pagina web

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