Ir ao conteúdo
  • Cadastre-se
Daniel Alves_788390

Validação de formulários com javascript

Recommended Posts

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

@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.

 

Compartilhar este post


Link para o post
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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações 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

×