Por Eugenia Bahit
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">
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....