ARTICULOS

Informar cantidad de caracateres

Autor: Fabian Muller (http://www.webexperto.com) - 02/12/2003

Muchas veces, surge la necesidad de limitar el área de texto de un formulario, y a la vez, informar la cantidad de caracteres digitados y los restantes. Para hacerlo, se pueda utilizar un sencillo código JavaScript que te mostramos a continuación.

Ejemplo:


0 Caracteres digitados / Restan 100

Código Fuente:

<HTML>
<HEAD>
<TITLE>Informar cantidad de caracateres</TITLE>
</HEAD>
<BODY>
<table>
    <tr><td>
    <textarea onkeyup="max(this)" onkeypress="max(this)" rows="4" cols="35" name="Area"></textarea><br>
    <font id="Digitado" color="red">0</font> Caracteres digitados / Restan <font id="Restante" color="red">100</font>
    </td></tr>
</table>

<SCRIPT LANGUAGE=javascript>
function max(txarea)
{
    total = 100;
    tam = txarea.value.length;
    str="";
    str=str+tam;
    Digitado.innerHTML = str;
    Restante.innerHTML = total - str;

    if (tam > total){
        aux = txarea.value;
        txarea.value = aux.substring(0,total);
        Digitado.innerHTML = total
        Restante.innerHTML = 0
    }
}
</SCRIPT>
</BODY>
</HTML>

 

Más artículos sobre Java Script

1. Redirección de acuerdo a la resolución del usuario
2. Ventana a pantalla completa
3. Pequeños trucos de Java Script
4. Banners aleatorios con JavaScript
5. Abrir una ventana cuando otra es cerrada
6. Marcar todos los checkboxes
7. Confirmar eliminar registro
8. Protección del email ante los spiders
9. Mensajes en la barra de estado en los links
10. Detectar el idioma y país del usuario
Más artículos...

Otros artículos...

ASP Alternar el color de filas en un RecordSet
Marketing 18 tips para exponer presentaciones
ASP Sistema de noticias en ASP
Java Script Detectando el plugin de Flash
Servidores Combatir hotlinking con .htaccess
HTML Eliminar menú Flash del botón derecho
Java Script Informar cantidad de caracateres
Java Script Mostrar cantidad de días online
PHP Upload de archivos al servidor
XML ¿Qué es la Sindicación de Contenidos?
Más artículos...