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>
