ARTICULOS

Informar cantidad de caracateres

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

Del.icio.us Facebook Technorati

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. Validando emails con JavaScript
2. Estela en el puntero del mouse
3. Proteger páginas con password
4. Pasando datos entre páginas html con JavaScript
5. Efectos en imágenes pegadas a un link de texto
6. Ejecutar código PHP o ASP
7. Abrir ventana centrada en pantalla
8. Detectar el idioma y país del usuario
9. Confirmar eliminar registro
10. Fecha de la última actualización
Más artículos...

Otros artículos...

Java Script Manual de introducción al JavaScript
Java Script Redirección de acuerdo a la resolución del usuario
Bases de Datos Realizando consultas utilizando SELECT
Hojas de Estilo Cambiar el cursor del Mouse
Marketing Promocionando un sitio en los buscadores
Java Script Evitar el doble envío de un formulario
phpBB phpBB: Administración general
PHP Enlace externo dinámico con frames
PHP Upload de archivos al servidor
Marketing 18 tips para exponer presentaciones
Más artículos...