Informar cantidad de caracateres

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>

Deja un comentario