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. Pasando datos entre páginas html con JavaScript
2. Efecto opaco sobre imágenes
3. Todo sobre imágenes en JavaScript
4. Efectos en imágenes pegadas a un link de texto
5. Validar formularios con Dreamweaver
6. Estela en el puntero del mouse
7. Efecto nieve
8. Deshabilitar el botón derecho del mouse
9. Confirmar eliminar registro
10. Informar cantidad de caracateres
Más artículos...

Otros artículos...

Java Script Mensajes en la barra de estado en los links
Hojas de Estilo Efectos en textos e imágenes con CSS
Java Script Scroll de noticias con JavaScript
Marketing 18 tips para exponer presentaciones
PHP Verificar existencia de una URL
Hojas de Estilo Mejorando la apariencia de los formularios
Accesibilidad La Accesibilidad en la Web (Parte 2)
Fireworks Creando una bola 3D con sombra
Photoshop Texto alrededor de un círculo
Marketing Cuidando el incrementalismo
Más artículos...