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. Fecha de la última actualización
2. Efectos en imágenes pegadas a un link de texto
3. Efecto "terremoto" en el navegador
4. Todo sobre imágenes en JavaScript
5. Marcar todos los checkboxes
6. Abrir una ventana cuando otra es cerrada
7. Listas dependientes
8. Efecto opaco sobre imágenes
9. Pasando datos entre páginas html con JavaScript
10. Informar cantidad de caracateres
Más artículos...

Otros artículos...

XML Introducción al XML
Marketing Venda online y cobre con tarjetas de crédito
PHP Buscador simple en PHP
Java Script Estela en el puntero del mouse
Marketing Como diseñar una portada que cautive a sus visitantes
Photoshop Botones hundidos con Photoshop
PHP Usuarios activos con PHP sin BD
HTML Eliminar menú Flash del botón derecho
Marketing Los dos clientes del diseñador web
XML XHTML 1.0 - Manual de introducción
Más artículos...