Ir ao conteúdo
  • Cadastre-se

Validação de formulários com javascript


Posts recomendados

Estou tendo problemas ao tentar implementar a linguagem javascript para a validação dos dados de formulários. 

Ainda sou iniciante na área mas se alguém puder ajudar ficarei agradecido. 

 

Os arquivos com os formulários estão em anexo, e os mesmo estão apenas em HTML e php, não incluí a parte de javascript pois 

acredito que não irá ajudar. 

site.rar

Link para o comentário
Compartilhar em outros sites

  • Moderador

@Daniel Alves_788390 Olá, Na verdade postar o que tentou fazer em javascript ajuda a compreender o problema.

Quanto ao arquivo em anexo, recomendo que poste o conteúdo do mesmo aqui se for pouca coisa..

Por gentileza dê mais detalhes do que está acontecendo, explicar o seu objetivo, qual foi o erro apresentado.. e etc.

 

Link para o comentário
Compartilhar em outros sites

<HTML>
<HEAD>
 <TITLE>FORMULÁRIO DE CADASTRO</TITLE>
 <script language=javascript">

         function validar(){
                  var nome = frmCadastro.txtNome.value;
                  var sexo = frmCadastro.txtSexo.value;
                  var interesses = frmCadastro.txtInteresses.value;
                  var endereco = frmCadastro.txtEndereco.value;
                  var CEP = frmCadastro.txtCEP.value;
                  var estado = frmCadastro.txtEstado.value;
                  var cidade = frmCadastro.txtCidade.value;
                  var Email = frmCadastro.txtEmail.value;
                  var senha = frmCadastro.txtSenha.value;

                  if(nome ==""){
                  alert("Favor, preencher o campo NOME!");
                  frmCadastro.txtNome.focus();
                  return false;
                  }
                  if(sexo ==""){
                  alert("Favor, informar o SEXO!");
                  frmCadastro.txtSexo.focus();
                  return false;
                   }
                  if(interesses ==""){
                  alert("Favor, informar pelo menos um interesse!");
                  frmCadastro.txtInteresses.focus();
                  return false;
                   }
                  if(endereco ==""){
                  alert("Favor, informe o endereço!");
                  frmCadastro.txtEndereço.focus();
                  return false;
                   }
                  if(CEP ==""){
                  alert("Favor, informe o CEP!");
                  frmCadastro.txtCEP.focus();
                  return false;
                   }
                  if(estado ==""){
                  alert("Favor, informe o Estado!");
                  frmCadastro.txtEstado.focus();
                  return false;
                   }
                  if(cidade ==""){
                  alert("Favor, informe a cidade!");
                  frmCadastro.txtCidade.focus();
                  return false;
                   }
                  if(d.email.value ==""){
                  alert("Favor, informe um Email válido!");
                  d.email.style.backgroundColor="red";
                  frmCadastro.txtEmail.focus();
                  return false;
                  }
                  parte1 = d.email.value.indexOF("@");
                  parte3 = d.email.value.length;
                  if (!(parte1 >= 3 && parte3 >= 9)) {
                   alert ("O campo EMAIL  deve ser conter um endereco eletrônico!");
                   d.email.style.backgroundColor="red";
                   d.email.style.color="#ffffff";
                   d.email.focus();
                   return false;
                   



        }
   </script>
</HEAD>
<BODY>

<h1>Cadastro para novos usuários</h1>
<br>

<form action="recebecadastro.php" method="POST">
<form name="frmCadastro" action="cadastro.php" method="post" onSubmit="return validar()">
b>Nome:</b> <br>
<input name="nome" type="text" size="40">
<br>
<b>Sexo:</b> <input name="sexo" value="Masculino" type="radio">Masculino
      <input name="sexo" value="Feminino" type="radio">Feminino
<br>
<b>Interesses:</b>
<input type="checkbox" name= "assuntos[]" value="reforma"/> Reforma
<input type="checkbox" name= "assuntos[]" value="construção"/> Construção
<input type="checkbox" name= "assuntos[]" value="acabamento"/> Acabamento
<br>
<br>
<td align="left">

<b>Endereço:</b><br>
<input type="endereco" size="60">
<br>
<b>CEP:</b> <input type="CEP" size="20">
<br>
<b>Estado:</b> <select name="estado" size="1">
               <option value="MG">MG</option>
</select>
<br>
<b>Cidade:</b>
<select name="cidade" size="1">
   <option value="Boa Esperança">Boa esperança</option>
   <option value="Campo Belo">Campo Belo</option>
   <option value="Cristais">Cristais</option>
   <option value="Candeias">Candeias</option>
   <option value="Formiga">Formiga</option>
</select>
<br>
<br>
<b>Email:</b><input type=text name="Email" size="45"><br>
<b>Senha:</b><input name="senha" type="password" size="20">
<br>
<br>
Mensagem:<br><textarea name="Mensagem" rows="10" cols="60" wrap="virtual"></textarea></p><BR>

<input type="submit" value="enviar">
<input type="reset" value="limpar">

</form>

<a href="index.html">Início</a>

</BODY>

Este é o código do formulário de cadastro, em que pode-se ver que a implementação do código javascript ainda está incompleto, dei apenas um começo. Creio que com a solução do problema desse formulário, conseguirei fazer com os demais.

 

Desde já agradeço.

Link para o comentário
Compartilhar em outros sites

Visitante
Este tópico está impedido de receber novas respostas.

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...