Codigos de programación

Contar la cantidad de caracteres ingresados con Javascript


Este script ques esta hecho en JavaScript, nos ayuda a poner un limite en un area de texto. Este script nos puede de ser de mucha ayuda cuando queremos limitar la cantidad de caracteres ingresados por nuestros usuarios.

Codigo Completo:

<HTML>
<HEAD>
<TITLE>Informar cantidad de caracateres</TITLE>
</HEAD>
<BODY>
<div align="center"><strong>
<
font face="Geneva, Arial, Helvetica, sans-serif">Cantidad de caracteres Ingresados
</
font></strong>
<table>
<tr><td>
<font size="2" face="Geneva, Arial, Helvetica, sans-serif">
<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">600</font></font>
</td></tr>
</table>
</div>
<div align="center"></div>
<SCRIPT LANGUAGE=javascript>
function max(txarea)
{
total = 600;
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>


Para configurar el script debemos tomar estas dos partes:

  1. <font id="Digitado" color="red">0</font> Caracteres digitados / Restan 
    <
    font id="Restante" color="red">600</font></font>

    Donde el 600 lo cambiaremos por la cantidad de caracteres que queramos que acepte(esto es solo para mostrar al usuario)

  2. function max(txarea)
    {
    total = 600;
    tam = txarea.value.length;
    str="";
    str=str+tam;
    Digitado.innerHTML = str;
    Restante.innerHTML = total - str;

    Aqui es donde nuestro script aceptara "X" cantidad de caracteres que queramos, solo cambia el 600 por la cantidad que tu quieras

1 Comentário:

Unknown dijo...

Súper bueno, me sirvió para lo que quería...