Validação de campos

[webray 0]

Prezados,

 

Sou novato no "ramo" e por isso estou com dificuldade em fazer uma simples validação em 4 campos que serão enviados através de um formulário no site para um email qualquer.

 

Colei abaixo o código que estou usando para esse formulário, para que possam, se possível, me dar uma luz de como validar tais campos.

 

Obrigado pela ajuda,

 

<!--Início do formulário de contato -->

 

 

<FORM ACTION="http://form.ultramail.com.br/" METHOD="POST">

 

<table width="372" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="112" height="30" align="left"><div align="right" class="style3">

<font color="#585858"><b>Nome:</b></font></div></td>

<td width="260" height="30"><label>

<input name="nome" type="text" id="nome" size="30" />

</label></td>

</tr>

<tr>

<td height="30" align="left"><div align="right" class="style3">

<font color="#585858"><b>E-mail:</b></font></div></td>

<td height="30"><input name="email" type="text" id="email" size="30" /></td>

</tr>

<tr>

<td height="30" align="left"><div align="right" class="style3">

<font color="#585858"><b>Telefone:</b></font></div></td>

<td height="30"><input name="telefone" type="text" id="telefone" size="30" /></td>

</tr>

<tr>

<td height="30" valign="top" align="left"><div align="right" class="style3">

<font color="#585858"><b>Mensagem:</b></font></div></td>

<td height="30">

<textarea name="mensagem" cols="30" rows="2" id="mensagem"></textarea></td>

</tr>

<tr>

<td height="30" align="left"><div align="right"></div></td>

<td height="30">

 

 

<INPUT TYPE="submit" VALUE="Enviar">

<INPUT TYPE="reset" VALUE="Limpar">

 

<!-- Chave de autenticação no UltraMail para o MailBox.-->

 

<INPUT TYPE="hidden" NAME="key" VALUE="">

<INPUT TYPE="hidden" NAME="redirect" VALUE="http://meu site.com.br/4_contato_resposta.htm">

 

</td>

</tr>

</table>

</FORM>

 

<!--Fim do formulário de contato -->

[DSerma 19]

Faça a verificação no evento onClick do botão de envio, assim:

 

function Verifica()
{
var nome = document.getElementById("nome").value;
var email = document.getElementById("email").value;
var telefone = document.getElementById("telefone").value;
var mensagem = document.getElementById("mensagem").value;

if (nome=="")
{
alert('O nome deve ser preenchido!');
document.getElementById("nome").focus;
return false;
}

if (email=="")
{
alert('O email deve ser preenchido!');
document.getElementById("email").focus;
return false;
}

if (telefone=="")
{
alert('O telefone deve ser preenchido!');
document.getElementById("telefone").focus;
return false;
}

if (mensagem=="")
{
alert('A mensagem deve ser preenchida!');
document.getElementById("mensagem").focus;
return false;
}
}

E no botão, você faz assim:

 

<INPUT TYPE="submit" VALUE="Enviar" onClick = "Verifica();">

Espero ter ajudado..

 

Abraços...

[webray 0]

Ok DarkDemo,

 

Obrigado pela ajuda. Ainda não deu "totalmente" certo.

 

A função verifica o 1º campo vazio (nome por exemplo). Após ser mostrado a mensagem de campo em branco, os dados são enviados, sem ser verificado os outros campos, enquanto o correto seria ele retornar o foco para o campo nome.

 

Outra coisa que está acontecendo também, é após ter feito uma verificação e enviado os dados, se eu clicar em enviar, com todos os campos em branco, nada mais é verificado.

 

De qualquer forma muito obrigado pela sua ajuda e pelo seu tempo.

 

Muito sucesso em 2008, com saúde, paz e um pouco de "dindin" sobrando no bolso.

 

[]´s

[DSerma 19]

Cara... foi mal pelo erro ai.. eu tava com um sono da po*** quando escrevi isso pra você.. hehehe

 

Faz assim.. chama a função no evento umSubmit do form.. assim:

 

<FORM ACTION="http://form.ultramail.com.br/" METHOD="POST" onSubmit = " return Verifica()">

E coloque um "()" depois da palavra "focus".. vai ficar assim "focus()".....

 

Abraços...

[webray 0]

Tranquilo,

 

Tudo certo agora. Valeu mesmo a ajuda. Facilitou muito o meu trabalho aqui.

 

Só tem uma situação ocorrendo, que não sei se é normal. Quando se deixa um campo em branco, na verificação a mensagem que o campo está vazio é mostrada 2 vezes (é mostrada a 1ª vez, clica-se em ok. Novamente a mensagem é mostrada. Após o foco volta para o campo).

 

Essa situação é normal?

 

Obrigado pela ajuda,

 

[]´s

[webray 0]

Tranquilo,

 

Tudo certo agora. Valeu mesmo a ajuda. Facilitou muito o meu trabalho aqui.

 

Só tem uma situação ocorrendo, que não sei se é normal. Quando se deixa um campo em branco, na verificação a mensagem que o campo está vazio é mostrada 2 vezes (é mostrada a 1ª vez, clica-se em ok. Novamente a mensagem é mostrada. Após o foco volta para o campo).

 

Essa situação é normal?

 

Obrigado pela ajuda,

 

[]´s

[lucasmartins 6]

Tranquilo,

 

Tudo certo agora. Valeu mesmo a ajuda. Facilitou muito o meu trabalho aqui.

 

Só tem uma situação ocorrendo, que não sei se é normal. Quando se deixa um campo em branco, na verificação a mensagem que o campo está vazio é mostrada 2 vezes (é mostrada a 1ª vez, clica-se em ok. Novamente a mensagem é mostrada. Após o foco volta para o campo).

 

Essa situação é normal?

 

Obrigado pela ajuda,

 

[]´s

Webray você tirou o onClick = "Verifica();" do botão???

 

Tem q deixar só no formulário.

Abraços!

[webray 0]

Valeu Lucas e Darkdemo,

 

Agora está ok. Tudo funcionando tranquilo.

 

Obrigado pela ajuda.

 

[]´s