Ir para conteúdo
Fórum Script Brasil
  • 0

Script de Validação !


Zague

Pergunta

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

Link para o comentário
Compartilhar em outros sites

9 respostass a esta questão

Posts Recomendados

  • 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

Link para o comentário
Compartilhar em outros 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]

Editado por fercosmig
Adicionar tag CODE
Link para o comentário
Compartilhar em outros 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

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...