Os objetos text e password III

O campo "chave" (password) estará bloqueado se o campo "usuario" (text) se encontrar vazio e se desbloqueará em caso contrário.

Por Eugenia Bahit


Publicado em: 24/7/08
Valorize este artigo:

8.1 Exemplos de aplicação II: Bloqueando e desbloqueando campos


O que veremos aqui é um exemplo muito simples, no qual, o campo "chave" (password) estará bloqueado se o campo "usuario" (text) se encontrar vazio e se desbloqueará em caso contrario.


O script...

 

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


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

O formulário...

 

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

Os resultados...

Usuario:
Chave:

 

8.2 Exemplos de aplicação III: Trabalhando com a propriedade size


Não são muito freqüentes as mudanças ou o aproveitamento que se pode tirar ao valor da propriedade size, porém em alguns casos, e sobretudo associado à propriedade length pode ser muito útil.


AUMENTO E REDUÇÃO DO VALOR SIZE

Se aumentar o valor de length aumentará o tamanho de size


O script...

 

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

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

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

}
</script>
 

O formulário...

 

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

</form>

 

Os resultados...

Campo 1:

 






Usuários :    login / registro
Manuais relacionados
Categorias relacionadas
O autor

Home | Sobre nós | Copyright | Anuncie | Entrar em contato