Textarea controlada

El script Como funciona
 <script language="JavaScript">
function calcLong(txt, dst, formul, maximo)
{
var largo
largo = formul[txt].value.length
if (largo > maximo)
formul[txt].value = formul[txt].value.substring(0,maximo)
formul[dst].value = formul[txt].value.length
}
< /script>
 Esta función es la que se ejecuta cada vez que el usuario suelta una tecla, previamente pulsada, o sea, es la función vinculada al evento onkeyup de un campo texto en un formulario. Concretametne al campo de texto donde quieras controlar el número de caracteres introducidos. Como ves la función es llamada con algunos argumentos:
txt con el nombre del campo que quieres controlar,
dst, es el nombre del campo donde muestras el número de caracteres pulsados,
formul es el objeto formulario,
máximo el número máximo de caracteres que se permiten.

Como ves el mecanismo es muy simple: cada vez que el usuario a terminado de pulsar una tecla, la función calcula la longitud del texto escrito, si supera el permitido recorta.

La página Como se usa
 <form action="" method="post" name="form1" onKeyUp="calcLong('textarea', 'caracteres',this, 11)">
< table width="66%" border="0" cellspacing="0" cellpadding="0">
< tr>
< td width="35%"><p>Llevas
< input name="caracteres" type="text" id="caracteres" value="0" size="4">
caracteres escritos.
< /p>
< p>El límite es de 11. </p></td>
< td width="65%"><textarea name="textarea" cols="40" rows="6" ></textarea>
< /td>
< /tr>
< /table>
< /form>

Para probar el script puedes usar este formulario que contiene un campo de texto en el que se permite un máximo de 11 caracteres.

Observa la vinculación con la función calcLong() encargada de controlar la longitud del texto, que en este caso no deberá superar los 11 caracteres. Es fácil de usar y admite modificaciones para, por ejemlo, evitar que se teclee un cierto carácter o palabra, o para ir formateando el texto, etc.

   
     
Envía esta página a un amigo. Te lo agradecerá.   Poner esta página como página de inicio