Criar Web, manuais e recursos para desenvolvimento web
Manuais
Programas
FAQS
Diretório
Comunidade
  Inicio > Manuais > Formulários e Javascript
SEÇÕES
Manuais relacionados
+Formulários e Javascript
Categorias
+Manuais de Javascript

Índice do Manual Formulários e Javascript
+ O objeto form, propriedades e métodos
+ Sub-propriedades do objeto form e eventos
+ Valores da propriedade action
+ O valor da propriedade method e target
+ Objetos de um formulário
+ Os objetos text e password
+ Os objetos text e password II
+ Os objetos text e password III
+ Os objetos text e password IV
+ Os objetos text e password V

Descrição dos capítulos

Parceiros
- CSS para Web Design
- S.O.S Designers
- Slackware-Brasil
- Crie seu Web site
- Oficina da Net


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.


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:

 

Autoria e outras referências sobre este artigo

Manuais relacionados com este artigo
Dentro de Formulários e Javascript

Categorias relacionadas
Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados com este artigo:
+ Entrar em Manuais de Javascript


Comentários dos visitantes
Os comentários dos visitantes são para ampliar a informação do artigo. Todos podem participar.
Acrescentar um comentário do artigo Acrescentar um comentário do artigo



Sobre nós | Copyright | Anuncie | Entrar em contato <criarweb>

Hospedado por Hostnet Hospedagem de Sites