• 0
Sign in to follow this  
Zague

Script de Validação !

Question

Olá !

Estou desenvolvendo um formulário e preciso validar todos os campos e não estou conseguindo validar alguns campos como as janelas suspensas e caixas de texto.

Só consegui validar os outros campos.

Será que alguém pode me ajudar a validar esses outros campos que ainda restam em meu formulário.

Para facilitar e todos entederem o que eu preciso estou deixando o link do formulario logo abaixo...

Basta clicar em enviar e verá quais são os campos que estão validados e quais ainda faltam ser validar.

http://www.seudinheiroagora.com/cadastro.html

Grato

Zague

Share this post


Link to post
Share on other sites

9 answers to this question

Recommended Posts

  • 0

Puxa amigo...vasculhei tudo o que me enviou e fiz diversos testes...só que não estou conseguindo validar o restante dos meus campos no formulário.

Da uma força aí..pois eu tentei fazer as mudanças no script que você me enviou mais não deu certo...não sei muita coisa não de java e estou meio perdido.

Abs

Share this post


Link to post
Share on other sites
  • 0
Guest --ZAGUE --

Aí está o código completo juntamente com o formulario.

t+

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>:::... Cadastro ...:::</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
body {scrollbar-face-color: #FF6600; scrollbar-shadow-color: #ffffff; scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #cc0000; scrollbar-darkshadow-color: #000000; scrollbar-track-color: FFCC00; scrollbar-arrow-color: #ffffff}
</style>

<STYLE type=text/css>A {
COLOR: #000000; TEXT-DECORATION: none
}
A:hover {
TEXT-DECORATION: underline
}
.emp {
COLOR: #000000; TEXT-DECORATION: none
}
A.emp:hover {
TEXT-DECORATION: underline
}
#metd {
COLOR: #006500
}
.mel {
FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: none
}
A.mel:hover {
TEXT-DECORATION: underline
}
.mel2 {
FONT-SIZE: 10px; COLOR: #006500; TEXT-DECORATION: none
}
A.mel2:hover {
TEXT-DECORATION: underline
}
</STYLE>

</head>

<body bgcolor="#FFCC66" background="http://www.seudinheiroagora.com/images/bg_cadastro.gif">
<div align="center">
<center>
<table border="1" width="596" bordercolor="#000000" cellspacing="0" cellpadding="0">
<tr>
<td width="594">
<div align="center">
<table width="524" border="0" cellspacing="6" cellpadding="0" bgcolor="#FFFFFF" bordercolor="#000000">
<tr>
<td align="center" width="579" bgcolor="#FFFFFF">
<p align="center"><img border="0" src="http://www.seudinheiroagora.com/images/titulo_cadastro.gif" width="300" height="50"></td>
</tr>
<tr>
<td align="center" width="579" bgcolor="#FFFFFF"><table width="579" border="0" cellspacing="0" cellpadding="0">

<tr>
<td width="577"><p class="Subtit"><font size="1" face="Verdana" color="#FF6600">Este
formulário é de extrema importância para o seu
posicionamento dentro do grupo de investidores.<br>
Por favor preencha todos os campos devidamente corretos, é
desta forma que iremos manter contato sempre que for
necessário, enviar todos os relatórios dos seus
investimentos conosco e sempre lhe manter informado das
novidades.<br>
</font></p></td>
</tr>
<tr>
<td height="20" width="577"><p><font size="1" face="Verdana">&nbsp;</font></p></td>
</tr>
<tr>
<td width="577"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="507">

<script language=javascript>
<!--
function validar(form) {

nome = document.formulario.nome.value; // verifica o campo nome
if (nome == "") { // verifica se o campo nome está vazio
alert("Coloque o seu nome completo"); // mensagem exibida se o campo não for preenchido
formulario.nome.focus(); // coloque esse linha no script fazendo referência ao formulário e ao campo com foco //
return false;
} // aqui termina a parte para nome

email = document.formulario.email.value; // verifica o campo e-mail
if (email == "") {
alert("coloque o seu email");
formulario.email.focus(); // coloque esse linha no script fazendo referência ao formulário e ao campo com foco //
return false;
} // a seguir a validação do e-mail pelo @

// este campo abaixo verifica o e-mail
else {
if (email.indexOf("@") == -1 || email.indexOf(".") == -1 || email.indexOf("com") == -1 || email == "") {
alert("Digite um e-mail válido.");
formulario.email.focus(); // coloque esse linha no script fazendo referência ao formulário e ao campo com foco //
return false;
}}
// aqui termina a parte da validação do e-mail

endereco = document.formulario.endereco.value; // verifica o campo assunto
if (endereco == "") { // verifica se o campo assunto está vazio
alert("Preencha o seu endereço completo"); // mensagem exibida se o campo não for preenchido
formulario.endereco.focus(); // coloque esse linha no script fazendo referência ao formulário e ao campo com foco //
return false;
} // aqui termina a parte para endereço

numero_residencia = document.formulario.numero_residencia.value; // verifica o campo numero residencial
if (numero_residencia == "") { // verifica se o campo assunto está vazio
alert("Coloque o número de seu endereço"); // mensagem exibida se o campo não for preenchido
formulario.numero_residencia.focus(); // coloque esse linha no script fazendo referência ao formulário e ao campo com foco //
return false;
} // aqui termina a parte para numero residencial

bairro = document.formulario.bairro.value; // verifica o campo bairro
if (bairro == "") { // verifica se o campo assunto está vazio
alert("Coloque o bairro onde você mora atualmente"); // mensagem exibida se o campo não for preenchido
formulario.bairro.focus(); // coloque esse linha no script fazendo referência ao formulário e ao campo com foco //
return false;
} // aqui termina a parte para bairro

cidade = document.formulario.cidade.value; // verifica o campo bairro
if (cidade == "") { // verifica se o campo assunto está vazio
alert("Coloque a cidade onde você mora atualmente"); // mensagem exibida se o campo não for preenchido
formulario.cidade.focus(); // coloque esse linha no script fazendo referência ao formulário e ao campo com foco //
return false;
} // aqui termina a parte para cidade

estado = document.formulario.estado.value; // verifica o campo bairro
if (estado == "") { // verifica se o campo assunto está vazio
alert("Coloque o estado (UF) onde você mora atualmente"); // mensagem exibida se o campo não for preenchido
formulario.estado.focus(); // coloque esse linha no script fazendo referência ao formulário e ao campo com foco //
return false;
} // aqui termina a parte para estado

cep = document.formulario.cep.value; // verifica o campo bairro
if (cep == "") { // verifica se o campo assunto está vazio
alert("Coloque o cep da sua rua"); // mensagem exibida se o campo não for preenchido
formulario.cep.focus(); // coloque esse linha no script fazendo referência ao formulário e ao campo com foco //
return false;
} // aqui termina a parte para cep

empresa_onde_trabalha = document.formulario.empresa_onde_trabalha.value; // verifica o campo bairro
if (empresa_onde_trabalha == "") { // verifica se o campo assunto está vazio
alert("Coloque em qual empresa você trabalha atualmente"); // mensagem exibida se o campo não for preenchido
formulario.empresa_onde_trabalha.focus(); // coloque esse linha no script fazendo referência ao formulário e ao campo com foco //
return false;
} // aqui termina a parte para empresa_onde_trabalha

// fim
}
// -->
</script>


<!-- inicio do formulario -->

<FORM ACTION="http://form.ultramail.com.br" name="formulario" method="post" onSubmit="return validar(this)" <!--
Chave de auten<!--
Chave de autenticação no UltraMail para o MailBox.
Se a senha do MailBox for alterada esta chave deverá ser gerada novamente através do seu painel de controle.
-->
<INPUT TYPE="hidden" NAME="key" VALUE="eJwBlwBo/3312TOJnM7dm5hwwVuepA4m9uwxgudTj1ZHLLrF8U+QX+neleWFvKMjI/+3Eg6+G8zNAa0vm9tFEVntD66wNMbLRnPbD6ArRC3YYQaxqY02WfJxWwzj/OeCqL9KEwJO5lu8lMp3uryQDrHymLL0sUzshGKzaTP1LAdV/avu34cSSD+T1DpYw3+wFmatTvPiDY1yu2b4WY72fVAh">

<!--
Pagina de conclusão do formulário de envio. Altere para a página desejada
-->
<INPUT TYPE="hidden" NAME="redirect" VALUE="http://seudinheiroagora.com/obrigado_cadastro.html">

<table width="567">
<tbody>
<tr>
<td width="188" height="24"><div align="right"><strong><font face="Verdana" size="1" color="#008000">*</font></strong></div></td>
<td width="365"><div align="left"><strong><font size="1" face="Verdana" color="#008000">Preenchimento obrigat&oacute;rio</font> </strong></div></td>
</tr>
<tr>
<td height="24" width="188"><div align="right"><font size="1" face="Verdana" color="#FF6600"><b>Assunto:
</b></font><font size="1" face="Verdana" color="#008000"><strong>*</strong></font></div></td>
<td width="365"><div align="left"><font face="Verdana"
size="1">
<!--webbot bot="Validation"
S-Display-Name="Campo errado"
B-Value-Required="TRUE"
B-Disallow-First-Item="TRUE" -->
<select id="select3"
name="assunto" size="1" style="font-family: Verdana; font-size: 10 px; color: #FF6600; font-weight: bold; background-color: #FFFFCC; border: 1 dashed #FF6600">
<option value="---">Selecione</option>
<option value="Investimentos">Investimentos</option>
<option value="Resgate">Resgate</option>
<option value="Outros">Outros</option>
</select>
</font></div></td>
</tr>
<tr>
<td height="24" width="188"><div align="right"><font size="1" face="Verdana" color="#FF6600"><b>Você
já é investidor (a): </b></font><font size="1" face="Verdana" color="#008000"><strong>*</strong></font></div></td>
<td width="365"><font face="Verdana"
size="1">
<select id="select5"
name="investidor" size="1" style="font-family: Verdana; font-size: 10 px; color: #FF6600; font-weight: bold; background-color: #FFFFCC; border: 1 dashed #FF6600">
<option value="---">Escolha</option>
<option value="Sim">Sim</option>
<option value="Não">Não</option>
</select>
</font></td>
</tr>
<tr>
<td height="72" width="188"><div align="right"><font size="1" face="Verdana"><b><font color="#FF6600">Descreva:</font><font color="#000000">
</font><font color="#008000">*</font><font color="#FF0000"><br>
</font></b></font></div></td>
<td width="365"><div align="left"><font
face="Verdana" size="1">
<textarea name="descreva" cols="51" rows="4" id="necessidades" style="font-family: Verdana; font-size: 10 px; color: #FF6600; font-weight: bold; background-color: #FFFFCC; border: 1 dashed #FF6600">Quais investimentos você já fez e qual é a sua experiência com investimentos ?</textarea>
</font></div></td>
</tr>
<tr>
<td width="188" height="24"><div align="right"><strong><font face="Verdana" size="1" color="#008000">*</font></strong></div></td>
<td width="365"><div align="left"><strong><font size="1" face="Verdana" color="#008000">Preenchimento obrigat&oacute;rio</font> </strong></div></td>
</tr>
<tr>
<td height="24" width="188"><div align="right"><font size="1" face="Verdana"><b><font color="#FF6600">Nome
Completo: </font><font color="#008000">*</font></b></font></div></td>
<td width="365"><div align="left"><font
face="Verdana" size="1">
<input name="nome" id="nome"
size="36" style="font-size: 10 px; color: #FF6600; background-color: #FFFFCC; font-family: Verdana; font-weight: bold; border: 1px dashed #FF6600" "font-family: verdana; font-size: 8pt"> </font></div></td>
</tr>
<tr>
<td height="24" width="188"><div align="right"><font size="1" face="Verdana"><b><font color="#FF6600">E-mail:
</font><font color="#008000">*</font></b></font></div></td>
<td width="365"><div align="left"><font face="Verdana"
size="1">
<input id="email" maxlength="50" size="36" name="email" style="font-size: 10 px; color: #FF6600; background-color: #FFFFCC; font-family: Verdana; font-weight: bold; border: 1px dashed #FF6600" "font-family: verdana; font-size: 8pt"> </font></div></td>
</tr>
<tr>
<td height="24" width="188"><div align="right">&nbsp;</div></td>
<td width="365"><div align="left"><font size="1" face="Verdana"><b><font color="#FF0000">Importante:</font></b><br>
<font color="#FF6600"><b>
Entre com seu telefone</b></font> <b> <font color="#0099FF"> fixo, celular, comercial</font></b> <br />
<b><font color="#FF6600">
ou pelo menos um dos tr&ecirc;s itens.</font></b> </font></div></td>
</tr>
<tr>
<td height="24" width="188"><div align="right"><font size="1" face="Verdana"><b><font color="#FF6600">Telefone:
</font><font color="#0099FF">*</font></b></font></div></td>
<td width="365"><div align="left"><font
face="Verdana" size="1">
<input
maxlength="2" size="2" name="ddd_telefone" style="font-family: Verdana; font-size: 10 px; color: #FF6600; font-weight: bold; background-color: #FFFFCC; border: 1 dashed #FF6600" />
<input maxlength="9" size="10"
name="num_telefone" style="font-family: Verdana; font-size: 10 px; background-color: #FFFFCC; color: #FF6600; font-weight: bold; border: 1 dashed #FF6600" />
</font></div></td>
</tr>
<tr>
<td width="188"><div align="right"><font size="1" face="Verdana"><b><font color="#FF6600">Celular:</font><font color="#000000">
</font><font color="#0099FF">*</font></b></font></div></td>
<td width="365"><div align="left"><font
face="Verdana" size="1">
<input maxlength="2" size="2" name="ddd_celular" style="font-family: Verdana; font-size: 10 px; color: #FF6600; font-weight: bold; background-color: #FFFFCC; border: 1 dashed #FF6600" />
<input maxlength="9" size="10" name="num_celelular" style="font-family: Verdana; font-size: 10 px; color: #FF6600; font-weight: bold; background-color: #FFFFCC; border: 1 dashed #FF6600" />
<b><font color="#FF6600">Operadora:</font></b>
<select name="operadora_celular" id="select2" size="1" style="font-size: 10 px; font-family: Verdana; background-color: #FFFFCC; color: #FF6600; font-weight: bold; border: 1 dashed #FF6600">
<option selected="selected">---</option>
<option value="Claro">Claro</option>
<option value="Oi">Oi</option>
<option value="Tim">Tim</option>
<option value="Vivo">Vivo</option>
<option value="Outra">Outra</option>
</select>
</font></div></td>
</tr>
<tr>
<td width="188"><div align="right"><font size="1" face="Verdana"><b><font color="#FF6600">Telefone
comercial:</font><font color="#000000"> </font><font color="#0099FF">*</font></b></font></div></td>
<td width="365"><div align="left"><font face="Verdana"
size="1">
<input id="dddtelcom" maxlength="2" size="2" name="ddd_tel_comercial" style="font-family: Verdana; font-size: 10 px; color: #FF6600; font-weight: bold; background-color: #FFFFCC; border: 1 dashed #FF6600" />
<input id="numtelcom" maxlength="9" size="10" name="num_tel_comercial" style="font-family: Verdana; font-size: 10 px; color: #FF6600; font-weight: bold; background-color: #FFFFCC; border: 1 dashed #FF6600" />
</font></div></td>
</tr>
<tr>
<td height="26" width="188"><div align="right">
<p align="right"><font size="1" face="Verdana"><b><font color="#FF6600">Melhor hor&aacute;rio
p/ contato:</font><font color="#000000"> </font><font color="#008000">*</font></b></font></div></td>
<td width="365"><div align="left"><font face="Verdana"
size="1">
<select id="select"
name="mhorario" size="1" style="font-family: Verdana; font-size: 10 px; color: #FF6600; font-weight: bold; background-color: #FFFFCC; border-style: dashed; border-width: 1">
<option value="0"> --- </option>
<option>8:00</option>
<option>8:30</option>
<option>9:00</option>
<option>9:30</option>
<option>10:00</option>
<option>10:30</option>
<option>11:00</option>
<option>11:30</option>
<option>12:00</option>
<option>12:30</option>
<option>13:00</option>
<option>13:30</option>
<option>14:00</option>
<option>14:30</option>
<option>15:00</option>
<option>15:30</option>
<option>16:00</option>
<option>16:30</option>
<option>17:00</option>
<option>17:30</option>
<option>18:00</option>
<option>18:30</option>
<option>19:00</option>
<option>19:30</option>
<option>20:00</option>
</select>
<font color="#FF6600">Se precisar use o campo descrição logo
abaixo.</font>
</font></div></td>
</tr>
<tr>
<td height="24" width="188"><div align="right"><font size="1" face="Verdana"><b><font color="#FF6600">Endereço
Residencial: </font><font color="#008000">*</font></b></font></div></td>
<td width="365"><div align="left"><font face="Verdana"
size="1">
<input id="endereco" maxlength="50" size="49" name="endereco" style="font-family: Verdana; font-size: 10 px; color: #FF6600; font-weight: bold; background-color: #FFFFCC; border: 1 dashed #FF6600" />
</font></div></td>
</tr>
<tr>
<td height="24" width="188"><div align="right"><font size="1" face="Verdana"><b><font color="#FF6600">N&uacute;mero:</font><font color="#000000">
</font><font color="#008000">*</font></b></font></div></td>
<td width="365"><div align="left"><font face="Verdana"
size="1">
<input id="numero" maxlength="5" size="5" name="numero_residencia" style="font-family: Verdana; font-size: 10 px; color: #FF6600; font-weight: bold; background-color: #FFFFCC; border: 1 dashed #FF6600" />
&nbsp;&nbsp;&nbsp;&nbsp; <b><font color="#FF6600">Complemento:</font><font color="#000000">
</font></b>
<input id="compl"
maxlength="10" size="20" name="complemento" style="font-family: Verdana; font-size: 10 px; color: #FF6600; font-weight: bold; background-color: #FFFFCC; border: 1 dashed #FF6600" />
</font></div></td>
</tr>
<tr>
<td height="24" width="188"><div align="right"><font size="1" face="Verdana"><b><font color="#FF6600">Bairro:</font><font color="#000000">
</font><font color="#008000">*</font></b></font></div></td>
<td width="365"><div align="left"><font face="Verdana"
size="1">
<input id="bairro" maxlength="20" size="15" name="bairro" style="font-family: Verdana; font-size: 10 px; color: #FF6600; font-weight: bold; background-color: #FFFFCC; border: 1 dashed #FF6600" />&nbsp;&nbsp;
<b><font color="#FF6600">Cidade:</font></b>
<input maxlength="30" size="20"
name="cidade" style="font-family: Verdana; font-size: 10 px; color: #FF6600; font-weight: bold; background-color: #FFFFCC; border: 1 dashed #FF6600" />
</font></div></td>
</tr>
<tr>
<td height="24" width="188"><div align="right"><font size="1" face="Verdana"><b><font color="#FF6600">Estado:</font><font color="#000000">
</font><font color="#008000">*</font></b></font></div></td>
<td width="365"><div align="left"><font
face="Verdana" size="1">
<input
maxlength="2" size="2" name="estado" style="font-family: Verdana; font-size: 10 px; color: #FF6600; font-weight: bold; background-color: #FFFFCC; border: 1 dashed #FF6600" />
<font color="#FF6600"><b>CEP:</b></font>
<input id="compl4"
maxlength="9" size="10" name="cep" style="font-family: Verdana; font-size: 10 px; color: #FF6600; font-weight: bold; background-color: #FFFFCC; border: 1 dashed #FF6600" />
</font></div></td>
</tr>
<tr>
<td height="24" width="188"><div align="right"><font size="1" face="Verdana"><b><font color="#FF6600">Empresa
onde Trabalha:</font><font color="#000000"> </font><font color="#008000">*</font></b></font></div></td>
<td width="365"><div align="left"><font
face="Verdana" size="1">
<input
maxlength="50" size="49" name="empresa_onde_trabalha" style="font-family: Verdana; font-size: 10 px; color: #FF6600; font-weight: bold; background-color: #FFFFCC; border: 1 dashed #FF6600" />
</font></div></td>
</tr>
<tr>
<td height="24" width="188"><div align="right"><font size="1" face="Verdana"><b><font color="#FF6600">Valor
do Capital Investido:</font><font color="#000000">
</font><font color="#008000">*</font></b></font></div></td>
<td width="365"><div align="left"><font face="Verdana"
size="1">
<select id="select4"
name="valor_capital_investido" size="1" style="font-family: Verdana; font-size: 10 px; color: #FF6600; font-weight: bold; background-color: #FFFFCC; border: 1 dashed #FF6600">
<option> Escolha um valor para o seu
investimento ! </option>
<option>::::::::::::::::::::::::::::::::::::::</option>
<option>R$ 1.000,00 = U$&nbsp;&nbsp;&nbsp;
400,00</option>
<option>R$ 2.000,00 = U$&nbsp;&nbsp;&nbsp;
800,00</option>
<option>R$ 3.000,00 = U$ 1.200,00</option>
<option>R$ 4.000,00 = U$ 1.600,00</option>
<option>R$ 5.000,00 = U$ 2.000,00</option>
</select>
</font></div></td>
</tr>
<!-- <tr>
<td width="108"><font face="Arial" size="2">Endere&ccedil;o:</font></td>
<td width="360"><font face="Arial" size="2">
<input size="50" name="endereco">
</font></td>
</tr> -->
<tr>
<td height="72" width="188"><div align="right"><font size="1" face="Verdana"><b><font color="#FF6600">Descrição:</font><font color="#000000">
</font><font color="#008000">*</font></b></font></div></td>
<td width="365"><div align="left"><font
face="Verdana" size="1">
<textarea name="descricao" cols="51" rows="4" id="necessidades" style="font-family: Verdana; font-size: 10 px; color: #FF6600; font-weight: bold; background-color: #FFFFCC; border: 1 dashed #FF6600">Descreva aqui o assunto de seu interesse:</textarea>
</font></div></td>
</tr>
<tr>
<td height="42" width="188"><div align="right"></div></td>

<td width="365">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="32%">
<p align="right"><font size="2" face="Verdana" color="#808080"><input type="submit" name="Enviar" value="Enviar" style="font-family: Verdana; font-size: 10 px; background-color: #FFFFCC; color: #FF6600; font-weight: bold; border: 1 dashed #FF6600"></font></td>
<td width="13%"></td>
<td width="55%"><font size="2" face="Verdana" color="#808080"><input type="reset" name="Corrigir" value="Corrigir" style="font-family: Verdana; font-size: 10 px; background-color: #FFFFCC; color: #FF6600; font-weight: bold; border: 1 dashed #FF6600"></font></td>
</tr>
</table>
</div>
</td>
</tr>
</tbody>
</table>




</form>

<!-- fim do formulario -->

</td>
</tr>

</table></td>
</tr>
</table></td>
</tr>



</table>
</div>
</td>
</tr>
</table>
</center>
</div>
</body>[/codebox]

Edited by fercosmig
Adicionar tag CODE

Share this post


Link to post
Share on other sites
  • 0
Guest --zague --

Não entendi...você quer o código completo...?

Acho que ao deixar apenas o endereço do formulario já tem como você retirar o código completo e ver o que pode ser feito.

Vê se tem como me ajudar desta forma..

O endereço é http://www.seudinheiroagora.com/cadastro.html

Agraço !

Zague

Share this post


Link to post
Share on other sites
  • 0

vou verificar, meu acesso aqui é limitado, não tenho acesso ao seu link

e mesmo que tivesse é mais seguro, o código aqui no fórum

vou dar uma olhada ae

Share this post


Link to post
Share on other sites
  • 0
Guest --zague --

OK ESTOU NO AGUARDO .

T+

vou verificar, meu acesso aqui é limitado, não tenho acesso ao seu link

e mesmo que tivesse é mais seguro, o código aqui no fórum

vou dar uma olhada ae

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this