> Manuales > Formularios y Javascript

El campo "clave" (password) estará bloqueado si el campo "usuario" (text) se encuentra vacío y se desbloqueará en caso contrario.

8.1 Ejemplos de aplicación II: Bloqueando y desbloqueando campos


Lo que aquí veremos es un ejemplo muy sencillo, en el cual, el campo "clave" (password) estará bloqueado si el campo "usuario" (text) se encuentra vacío y se desbloqueará en caso contrario.


El script...

 

<script languaje="javascript">
function bloqDesbloq()
{
a = login.usuario.value


    if (a != "") { a = true; }
    else { a = false; }
    if (a == true) { login.clave.disabled = false; }
    else { login.clave.disabled = true; }
}
</script>
 

El formulario...

 

<form name="login" method="POST" action="pagina_de_login.asp" target="_blank">
Usuario: <input type="text" name="usuario" size="10" onKeyUp="bloqDesbloq()"><br>
Clave: <input type="password" name="clave" size="10" disabled>
</form>
 

Los resultados...

Usuario:
Clave:

 

8.2 Ejemplos de aplicación III: Trabajando con la propiedad size


No son muy frecuentes los cambios o el provecho que se le puede sacar al valor de la propiedad size, pero en algunos casos, y sobre todo asociado a la propiedad length puede resultar muy útil.


AUMENTO Y REDUCCIÓN DEL VALOR SIZE

Si aumenta el valor de length aumenta el tamaño de size


El script...

 

<script languaje="javascript">
function aumentarSize()
{
a = ejemplo9.campo1.value.length;

    if (a > 6) { ejemplo9.campo1.size =(a+1); }

    if (a < 6) { ejemplo9.campo1.size = "6"; }

}
</script>
 

El formulario...

 

<form name="ejemplo9">
Campo 1: <input type="text" name="campo1" size="6" onKeyUp="aumentarSize()">

</form>

 

Los resultados...

Campo 1:

 

Eugenia Bahit

Analista Programadora LAMP y Scrum Coach

Manual