obrigatoriedade nos campos - não obriga

[webdibula 0]

<script language="JavaScript" type="text/JavaScript">

function submit_page()

{

if (document.form.nome.value == "")

{

alert("O campo nome não pode ser vazio.");

document.form.nome.focus();

return false

}

if (document.form.correio1.value == "")

{

alert("O campo email não pode ser vazio.");

document.form.correio.focus();

return false

}

if (document.form.profissao.value == "")

{

alert("O campo profissão não pode ser vazio.");

document.form.profissao.focus();

return false

}

if (document.form.endereco.value == "")

{

alert("O campo endereço não pode ser vazio.");

document.form.endereco.focus();

return false

}

if (document.form.cidade.value == "")

{

alert("O campo cidade não pode ser vazio.");

document.form.cidade.focus();

return false

}

if (document.form.estado.value == "")

{

alert("O campo estado não pode ser vazio.");

document.form.estado.focus();

return false

}

if (document.form.fones.value == "")

{

alert("O campo fone não pode ser vazio.");

document.form.fone.focus();

return false

}

if (document.form.mensagem.value == "")

{

alert("O campo mensagem não pode ser vazio.");

document.form.mensagem.focus();

return false

}

}

 

 

 

formulário

 

<form name="form1" method="post" onSubmit="return submit_page();" action="contato_ok.php" >

<table border="0" cellspacing="1" cellpadding="0">

<tr>

<td align="right"> </td>

<td> </td>

</tr>

<tr>

<td width="66" align="right">

<div align="right">Nome :</div></td>

<td width="358"><input name="nome" type="text" id="nome3" size="40" style='BORDER-BOTTOM: #4D4679 1px solid; BORDER-LEFT: #4D4679 1px solid; BORDER-RIGHT: #4D4679 1px solid; BORDER-TOP: #4D4679 1px solid; FONT-FAMILY: verdana; FONT-SIZE: 11px; HEIGHT: 18px; WIDTH: 250px'></td>

</tr>

<tr>

<td align="right"> </td>

<td><input name="atua" type="radio" value="empresa">

Empresa

<input name="atua" type="radio" value="Particular">

Particular</td>

</tr>

<tr>

<td align="right">

<div align="right">Profissão :</div></td>

<td><input name="profissao" type="text" id="nome3" size="40" style='BORDER-BOTTOM: #4D4679 1px solid; BORDER-LEFT: #4D4679 1px solid; BORDER-RIGHT: #4D4679 1px solid; BORDER-TOP: #4D4679 1px solid; FONT-FAMILY: verdana; FONT-SIZE: 11px; HEIGHT: 18px; WIDTH: 250px'></td>

</tr>

<tr>

<td align="right">

<div align="right">Endereço :</div></td>

<td><input name="rua" type="text" id="nome3" size="40" style='BORDER-BOTTOM: #4D4679 1px solid; BORDER-LEFT: #4D4679 1px solid; BORDER-RIGHT: #4D4679 1px solid; BORDER-TOP: #4D4679 1px solid; FONT-FAMILY: verdana; FONT-SIZE: 11px; HEIGHT: 18px; WIDTH: 250px'></td>

</tr>

<tr>

<td align="right">

<div align="right">Cidade :</div></td>

<td><input name="cidade" type="text" id="nome3" size="40" style='BORDER-BOTTOM: #4D4679 1px solid; BORDER-LEFT: #4D4679 1px solid; BORDER-RIGHT: #4D4679 1px solid; BORDER-TOP: #4D4679 1px solid; FONT-FAMILY: verdana; FONT-SIZE: 11px; HEIGHT: 18px; WIDTH: 250px'></td>

</tr>

<tr>

<td align="right">

<div align="right">Estado :</div></td>

<td><input name="estado" type="text" id="nome3" size="2" style='BORDER-BOTTOM: #4D4679 1px solid; BORDER-LEFT: #4D4679 1px solid; BORDER-RIGHT: #4D4679 1px solid; BORDER-TOP: #4D4679 1px solid; FONT-FAMILY: verdana; FONT-SIZE: 11px; HEIGHT: 18px; WIDTH: 50px'></td>

</tr>

<tr>

<td align="right">

<div align="right">Fones :</div></td>

<td><input name="fone" type="text" id="fone" size="40" style='BORDER-BOTTOM: #4D4679 1px solid; BORDER-LEFT: #4D4679 1px solid; BORDER-RIGHT: #4D4679 1px solid; BORDER-TOP: #4D4679 1px solid; FONT-FAMILY: verdana; FONT-SIZE: 11px; HEIGHT: 18px; WIDTH: 250px'></td>

</tr>

<tr>

<td align="right">

<div align="right">E-Mail :</div></td>

<td><input name="correio1" type="text" id="correio1" size="32" style='BORDER-BOTTOM: #4D4679 1px solid; BORDER-LEFT: #4D4679 1px solid; BORDER-RIGHT: #4D4679 1px solid; BORDER-TOP: #4D4679 1px solid; FONT-FAMILY: verdana; FONT-SIZE: 11px; HEIGHT: 18px; WIDTH: 250px'></td>

</tr>

<tr>

<td align="right">

<div align="right">Mensagem :</div></td>

<td><textarea name="mensagem" cols="35" rows="7" id="mensagem" style='BORDER-BOTTOM: #4D4679 1px solid; BORDER-LEFT: #4D4679 1px solid; BORDER-RIGHT: #4D4679 1px solid; BORDER-TOP: #222B48 1px solid; FONT-FAMILY: verdana; FONT-SIZE: 11px; WIDTH: 250px'></textarea></td>

</tr>

<tr>

<td> </td>

<td><input type="submit" name="Submit" value="cadastrar" style='BACKGROUND-COLOR: #4D4679; BORDER: #FFFFFF; BORDER-BOTTOM: #4D4679 1px solid; BORDER-LEFT: #4D4679 1px solid; BORDER-RIGHT: #4D4679 1px solid; BORDER-TOP: #333333 1px solid; COLOR: #FFFFFF; FONT-FAMILY: verdana; FONT-SIZE: 9px; HEIGHT: 20px; WIDTH: 60px'></td>

</tr>

</table>

</form>

[Adelar Tiemann jr 0]

Aew

 

Bom um dos motivos pode ser o name do form que esta form1 e você não o esta referenciando.

 

você esta usando document.form.nome.value quando o correto seria document.form1.nome.value

 

 

Vlw ae espero que seja isso :D

[webdibula 0]

ok, isso já deu certo, agora o q esta contecendo é q ele mostra a mensagem e manda igual para a pagina contato_ok.php. o que poderia ser?

[berkowitz 2]

Cara... testei aqui e está funcionando.

O seu erro pode ser no nome do form. Você deve ter mudado o nome no IF mas esqueceu de mudar no FOCUS.

 

Eu fiz o teste com seu código alterando o nome do form de FORM1 para FORM e funcionou. Aí na validação, na parte da verificação do campo NOME, eu deixei o nome do form errado na parte do FOCUS e deu erro. Com certeza é esse o seu problema.

 

Abrax!

[berkowitz 2]

Nossa... demorou pra postar e a resposta veio umas 50 vezes! rs...

Apaga esse aqui por favor moderador.

 

Abrax!

[berkowitz 2]

Esse tbm...

[berkowitz 2]

E mais esse... rs....

[Adelar Tiemann jr 0]

Aew

 

É assim que você esta fazendo:

<form name="form1" method="post" onSubmit="return submit_page();" action="contato_ok.php" >

 

Eu faria da seguinte forma:

<form name="form1" method="post" action="java script:funcao();" >

 

ai a funcao JS

function funcao(){

   if(submit_page()){
	  document.form1.action = "contato_ok.php";
	  document.form1.submit();
   }
}

ai na função submit_page() eu colocarioa retorno true ou false conforme as validações

 

Espero que isso te ajude

 

Vlw ae