Valido para versão do dreamweaver 2004 e o 8 tambem
Este tutorial tratará de um assunto muito útil para quem trabalha com formulários e não gosta de ficar escrevendo códigos de validação "na unha": o Dreamweaver nos oferece a possibilidade de validarmos um formulário de forma muito rápida e fácil! Vamos ver como isso funciona:
Comece criando um formulário conforme a figura abaixo:
Coloque o nome em cada um dos campos do formulário - neste exemplo eu coloquei "nome", "email" e "senha" respectivamente. A seguir abra o painel de Behaviors (Comportamentos) apertando Shift+F3. Após abrir o painel, clique no + para criar um novo comportamento e selecione a opção "Validate Form" conforme indica a figura:
Você verá uma tela como a da figura abaixo:
Perceba que você tem todos os campos do formulário e pode atribuir algumas configurações. Selecione o campo "nome" e configure de acordo com suas necessidades: neste exemplo eu configurei como "Required" para que o seu preenchimento seja obrigatório e em "Accept" eu configurei como Anything (indicando que qualquer caractere será aceito). Agora, selecione o campo "email" conforme a figura indica:
O campo "e-mail" foi configurado como obrigatório e em "Accept" eu configurei como "Email Adress" para que o Dreamweaver aceite apenas endereços de e-mail (impossibilitando que algum usuário coloque seu nome por exemplo no campo de e-mail) ... Agora vamos configurar o campo senha:
Neste campo eu configurei mais uma vez como um campo obrigatório - e configurei para que o Dreamweaver aceite apenas números (desta maneira a senha não pode conter letras ou outros caracteres a não ser números). Clique em OK e você verá que o painel de Behaviors indica que ao enviar o formulário (onSubmit) a checagem será feita:
Agora faça um teste para ver como ele funciona: no exemplo abaixo eu coloquei propositalmente um nome no campo de e-mail e no campo de senha preenchi apenas com letras. Ao tentar enviar o formulário o Dreamweaver retorna um alerta ao usuário informando que o campo de e-mail deve conter apenas um endereço de e-mail e que o campo de senha deve conter apenas números:
É isso aí! Viram como é muito mais simples fazer uma validação com o Dreamweaver ?! Agora é só praticar e poupar tempo e trabalho!
Original: Baboo Forum
0 comentários
Postar um comentário