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


Sub-propriedades do objeto form e eventos

Outras questões relativas ao objeto form: propriedades index e length, e eventos.


2.1 Sub-propriedades do objeto form


O objeto form possui duas sub-propriedades, além das propriedades nomeadas no capítulo anterior. Estas sub-propriedades são:

 

sub-propriedade descrição

index

é um array que contém todos os formulários de uma página, onde o primeiro formulário é identificado com o número 0 e assim sucessivamente.

length Contém o número (quantidade) de formulários que há em uma página.

 

2.1.1 Sintaxe básica

 

document.forms[index]

donde index é o número correspondente ao formulário: document.forms[0] indica o primeiro formulário e

 

document.forms.length

nos indica a quantidade de formulários que há em uma página.

 

2.2 Exemplos de aplicação


LENGTH


O código...

Pressione o botão para saber quantos formulários há nesta página:

<input type="button" value="Clique aqui" onClick="alert('Hay ' + document.forms.length + ' formularios nesta página')">

 

Os resultados...

Pressione o botão para saber quantos formulários há nesta página:


INDEX


O código...

Pressione o botão para saber o nome do primeiro formulário:

<input type="button" value="Clique aqui" onClick="alert('O nome do primeiro formulário é: ' +  document.forms[0].name)">

 

Os resultados...

Pressione o botão para saber o nome do primeiro formulário:


2.3 Os eventos que admite o objeto form


Embora a maioria dos eventos JavaScript sejam aceitos pelo objeto form, muitos deles podem criar mais problemas que soluções e se se utilizam, são em casos muito específicos, porém não usuais.

Na seguinte lista veremos os mais utilizados:

 

evento descrição

onSubmit

é o principal evento do objeto form e se Produz ao enviar o formulário: já seja mediante o botão submit ou mediante uma função JavaScript que chame ao método submit()

onReset

funciona igual que o evento anterior, porém se sucede ao restabelecer o formulário.

 

2.3.1 Sintaxe básica

 

<form name="..." method="..." action="..." target="..." onSubmit="função" onReset="função">

 

2.4 Exemplos de aplicação


Aqui veremos um exemplo no qual se enviará uma mensagem de alerta ao usuário quando envia o formulário ou quando o restabelece.

O código...

<form name="formulario" method="post" action="exemplos/processar.asp" target="_blank" onSubmit="alert('Será enviado o formulário')" onReset="alert('Serão apagados todos os dados inseridos')">

Escreva seu nome: <input type="text" name="nome"><br>

<input type="submit" value="Enviar">

<input type="reset" value="Apagar">

</form>

 

Os resultados....

Escreva seu nome:

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