.
TORQUE Comunicação e Internet
Tutoriais Recursos e tecnologias da Web

Formulário JavaScript
O que é Prós e contras
O formulário feito em JavaScript é parecido com um formulário comum. A diferença é que podemos adicionar alguns recursos interessantes, como um aviso, que diz ao usuário que ele esqueceu de preencher algum campo, e na mesma janela deste aviso fornece um prompt para o preenchimento deste campo. Para isto é usado um código JavaScript específico, que é demonstrado a seguir. Este processamento de formulários permite ao autor da página exigir o preenchimento de um campo requerido no mesmo instante em que o usuário aperta o botão enviar, sem necessidade de carregar uma nova página de aviso e ter que voltar ao formulário para preencher e enviar novamente. A desvantagem é que os dados são por e-mail usando o mecanismo de mensagens do próprio browser, o que pode funcionar ou não. No Netscape a mensagem é enviada normalmente, já no Explorer não, pois ele tenta usar o MS Exchange.
Como implementar na sua página web

Aqui está o código JavaScript que permite implementar um formulário "inteligente" na sua página. Copie o código e coloque nos lugares corretos do seu arquivo HTML. Tenha o cuidado de manter tudo como está, senão o código poderá não funcionar. Veja aqui o formulário em funcionamento.

No cabeçalho, entre as tags <HEAD> e </HEAD>, coloque a função do JavaScript. Clique aqui para ver o código.

A linha <FORM ... > do seu código HTML deve ser mudada conforme o seguinte:

<form method=post action="mailto:seu_email@provedor.com.br?subject=Assunto do seu formulario" enctype="text/plain" name="guiaform">

Os campos do seu formulário deverão conter o mesmo nome foi utilizado na função do JavaScript, por exemplo:

Nome: <input type="text" name="Nome" size=32>
Empresa: <input type="text" name="Empresa" size=32>

Os nomes que poderão ser utilizados (para este exemplo) são: Nome, Empresa, Cargo, Endereco, Cidade, UF, CEP, Fone, Fax, e_mail

O botão para enviar os dados deverá ser mudado da seguinte forma:

<input type="submit" value="Enviar" onClick="goMe()">


ÍNDICE Links da seção Tutoriais
JavaScript: Apresentação | Relógio contínuo | Janela alerta ou de confirmação | Mudança da cor de fundo | Mudança entre Frame e NoFrame | Formulário Inteligente
HTML: Etiquetas META

Homepage

Internet

Dicas

Serviços

Tutoriais
Portfolio Propaganda java / cgi

Mensagem

Índice
Homepage | Internet | Dicas | Serviços | Tutoriais | Portfolio | Propaganda | Java / CGI | Mensagem | Índice
Copyright © 1997 gerencia@torque.com.br Torque Comunicações e Internet
Rua dos Tecelões, 459, Joinville (SC), 89231-510, Brasil. Fonefax: +55-047-463 5330
.