Boa noite.
Mostrarei aqui como é fácil e rápido criar um formulário com validação em AJAX.
* Graças a ajuda do nosso amigo @Reeves. :)
(http://img141.imageshack.us/img141/359/dreamweavercs4ee1.gif)
1. Inicialmente, crie um novo documento HTML.
(http://imgcash3.imageshack.us/img90/5788/dreamweavercs4002yu0.th.gif) (http://img90.imageshack.us/img90/5788/dreamweavercs4002yu0.gif)
2. Logo após, no canto direito da janela do aplicativo, escolha a opção de inserir Form.
(http://imgcash1.imageshack.us/img230/7104/dreamweavercs4003el8.th.gif) (http://img230.imageshack.us/img230/7104/dreamweavercs4003el8.gif)
3. Clique em Form, o formulário é criado.
Note que você está na tela de Design, onde poderá inserir palavras no formulário apenas digitando onde quiser.
(http://imgcash6.imageshack.us/img91/4374/dreamweavercs4004dw5.th.gif) (http://img91.imageshack.us/img91/4374/dreamweavercs4004dw5.gif)
4. No caso dos inputs, você tem que clicar no espaço do formulário onde o campo ficará e selecionar o tipo de campo no painel da direita.
*Lembretes: 1. O formulário se encontra apenas no esçaço pontilhado de vermelho.
Fora dele não devem ser criados inputs para submeter um form.
2. Após acrescentar componentes ao form, não pressione a tecla ENTER diretamente,
pois o componente está selecionado e poderá ser deletado do formulário (você vai acabar percebendo isso).
(http://imgcash2.imageshack.us/img89/353/dreamweavercs4006fb6.th.gif) (http://img89.imageshack.us/img89/353/dreamweavercs4006fb6.gif)
* Não se esqueça de selecionar a opção Validate on Change e Preview states = required, quando for validar um campo.
Isso garante que o formulário seja checado antes de ser submetido. (AJAX puro = Reeves =D).
(http://imgcash6.imageshack.us/img142/4474/dreamweavercs4009zy8.th.gif) (http://img134.imageshack.us/img134/3518/dreamweavercs4008qh1.gif)
(http://imgcash3.imageshack.us/img228/9466/dreamweavercs4011sz3.th.gif) (http://img228.imageshack.us/img228/9466/dreamweavercs4011sz3.gif)
5. Daí em diante você consegue criar seu form sozinho!
Agora vamos direto à validação.
É muito simples! Clique em algum input do form, e escolha o framework Spry Validation TextField, que também se encontra nas opções de componentes.
(http://imgcash6.imageshack.us/img89/653/dreamweavercs4007rm5.th.gif) (http://img89.imageshack.us/img89/653/dreamweavercs4007rm5.gif)
Será pedido para salvar o documento antes, pois o Dreamweaver irá gerar scripts que irão tratar sua página.
Após salvar o documento, veja o primeiro campo já com script de validação:
(http://imgcash5.imageshack.us/img134/7362/dreamweavercs4010jt8.th.gif) (http://img134.imageshack.us/img134/7362/dreamweavercs4010jt8.gif)
(http://imgcash3.imageshack.us/img134/3518/dreamweavercs4008qh1.th.gif) (http://img134.imageshack.us/img134/3518/dreamweavercs4008qh1.gif)
* Não se esqueça de utilizar o spry validation TextField para textfield e o spry validation TextArea para textarea, cada um gera seu próprio script.
Após atribuir validação em todos os campos do form, vamos executar a página no browser.
Selecione a opção Live View e visualize seu formulário:
(http://imgcash5.imageshack.us/img144/4258/dreamweavercs4012qp1.th.gif) (http://img144.imageshack.us/img144/4258/dreamweavercs4012qp1.gif)
(http://imgcash3.imageshack.us/img144/4097/dreamweavercs4013pw1.th.gif) (http://img144.imageshack.us/img144/4097/dreamweavercs4013pw1.gif)
Espero ter ajudado alguém com este simples tutorial.
Legal, tio Reeves sempre dano uma mãozinha para os necessitados..
hauahhaua
Parabéns pela atitude Triplo!
Criou um tuto pra passar pra frente a solução do que era sua dúvida e pode ser de outros...
Isso aí!
Abs.
Eu é quem agradeço por alguém ter gostado.
Jurava que alguém ia dizer um "porém".
* #phobia, editei sua resposta, você nem percebeu mas digitou a palavra "para" 2 vezes...
Acontece com todos...
[]s
* edit:
Meu problema na verdade era pra fazer algo assim:
Formail - Juntando dados de vários campos e enviando tudo por e-mai (http://www.forum.darkers.com.br/index.php?topic=11121.0)