Trabalho com formulários em Javascript

Para continuar vamos ver uma série de capítulos enfocados em aprender a trabalhar com os formulários. Agora veremos como acessar aos formulários e seus elementos.

Por Miguel Angel Alvarez - Tradução de JML


Publicado em: 13/4/05
Valorize este artigo:
Para continuar vamos ver uma série de capítulos enfocados em aprender a trabalhar com os formulários, acessar aos seus elementos para controlar seus valores e atualizá-los.

O objeto form depende na hierarquia do objeto document. Em um objeto form podemos encontrar alguns métodos e propriedades, mas o mais destacado que poderemos encontrar é cada uno dos elementos do formulário. Ou seja, de um formulário dependem todos os elementos que existem dentro, como podem ser campos de texto, caixas de seleção, áreas de texto, botões de radio, etc.

Para acessar a um formulário pelo objeto document podemos faze-lo de duas formas.
  1. A partir de seu nome, atribuído com o atributo NAME de HTML.
  2. Mediante a matriz de formulários do objeto document, com o índice do formulário ao que queremos acessar.
Para este formulário

<FORM name="f1">
<INPUT type=text name=campo1>
<INPUT type=text name=campo2>
</FORM>

Poderemos acessar com seu nome desta maneira.

document.f1

Ou com seu índice, se supormos que é o primeiro da página.

document.forms[0]

De maneira similar acessamos aos elementos de um formulário, que dependem do objeto form.

  1. A partir do nome do objeto atribuído com o atributo NAME de HTML.
  2. Mediante a matriz de elementos do objeto form, com o índice do elemento ao que queremos acessar.
Poderíamos acessar ao campo 1 do anterior formulário de duas maneiras. Com seu nome faríamos assim.

document.f1.campo1

ou a partir do array de elementos.

document.f1.elements[0] (utilizamos o índice 0 porque é o primeiro elemento e em Javascript os arrays começam por 0.)

Se desejarmos acessar ao segundo campo do formulário, escreveríamos uma destas duas coisas:

document.f1.campo2
document.f1.elements[1]

Lembramos que também podemos acessar a um formulário pelo array de forms, indicando o índice do formulário ao qual acessar. Deste modo, o acesso ao campo2 seria o seguinte:

document.forms[0].campo2
document.forms[0].elements[1]

Nestes casos, supomos que este formulário é o primeiro que está escrito no código HTML, por isso lhe acessamos com o índice 0.

Esperamos que tenha ficado claro o acesso a formulários e a seus campos. Passaremos então, a um exemplo para praticar tudo isto.






Usuários :    login / registro

Manuais relacionados
Categorias relacionadas
O autor

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