NOTÍCIA

Validação avançada de formulário

Para fazer uma validação
avançada, teremos que, inicialmente fazer o download
da extensão do Dreamweaver que possibilita isso
de forma bem rápida e eficiente. Clique
aqui e faça o download

Para instalar a extensão, vai
em iniciar > programas > Macromedia Extension
Manager > selecione Instalar nova extensão,
depois selecione o arquivo que você fez o download,
e instale. Feito isso, reinicie o Dreamweaver, prontinho!

Vamos lá!

Vamos começar inserindo o formulário,
faça o seguinte, clique em insert > Form.
Ok Agora é só colocar os campos entre
as linhas vermelhas. Bom vamos começar fazendo
uma tabela para facilitar a organização
dos campos, a minha ficou dessa maneira.


Fiz uma tabela com 380 pixels,
4 linhas e 2 colunas, escreva os nomes conforme acima,
e insira o campo Text Fiel
ao lado de cada campo, na 4ª linha coloque os botões.

Para colocar os campos Form
faça: Insert
> Form Objects > Text Field.
Faça isso para os demais campos da tabela até
qe fique idem a fig na parte superior, para inserir
o botão faça: Insert
> Form Objects > Button.

Selecione um botão
de cada vez e nomeios no campo Label, o botão
nomeado como enviar, marque a opção Submit
Form e o botão de limpar com a opção
Reset Form.

Depois de todos campos nomeados
corretamente na ordem: Nome, Email, Assunto secelione
o botão de enviar e deixe o mesmo selecionado
para fazermos a validação!

Agora você deve abrir
a janela de comportamentos (Behaviors) não esqueça
de deixar o botão de enviar selecionado, clique
no sinal de + na janela Behaviors e clique em
advanced Form validations.

Vamos validar primeiro o campo
nome:

Clique
no sinal de + na janela Behaviors e clique em
advanced Form validations >
Nonblank validation, essa
opção é para não deixar
em branco. Em Named Field selecione
text “Nome” e em Message
On Error coloque a mensagem que você quer
que apareça quando o campo não for completado.
Agora dê ok.

Vamos validar o campo Email:

Clique
no sinal de + na janela Behaviors e clique em
advanced Form Validations >
Email Validation, essa
opção é para validar o campo e-mail.
Em Named Field selecione
text “Email” e em Message
On Error coloque a mensagem que você quer
que apareça quando o campo não for completado.
Agora dê ok.

Vamos validar o campo Assunto:

Clique
no sinal de + na janela Behaviors e clique em
advanced Form Validations >
Nonblank Validation, essa
opção é para não deixar
o campo em branco. Em Named Field
selecione text “Assunto”
e em Message On Error coloque
a mensagem que você quer que apareça quando
o campo não for completado. Dê ok.

Depois de validar todos os
campos, clique agora em Advanced
Validate Form como mostra na figura abaixo:

Depois marque a Opção Stop
on first error e deixe
a oção Stop submission
if erros occur. Agora basta dar ok. Seu formulário
já está validado!

Além das opções
de validação de Nonblank Validation e
E-mail Validation, você poderá encontrar
muitos outros como de valores numericos, cartão,
Data, URLs, Radio Button, e muitos outros. Lembrando
que as funções só estarão
habilitadas se você estiver usando o campo, nesse
caso a opção Radio Button está
desativada, pois não estamos usando a mesma em
nosso formulario !

Um grande abraço
e espero ter ajudado em alguma coisa!

Matérias especiais e reportagens conduzidas internamente pela Redação iMasters. Acompanhe no Twitter @imasters e no Instagram/Threads @portalimasters

Mais de Redação iMasters
Ver perfil →