Jump to content

Recommended Posts

Bom dia.

Sou iniciante e fiz esse formulário usando uma função Javascript para validar os campos preenchidos. Porém ele nao esta verificando, já pula para a pagina de Cadastrado com Sucesso.

Se alguem puder me ajudar a achar o erro, obrigado!

 

HTML1

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Cadastro</title>
<link href="pratica12exercicio06.css" type="text/css" rel="stylesheet"/>
<script src="pratica12exercicio06.js" type="text/javascript"></script>
</head>
<body>
 
<main>
<form action="pratica12exercicio06Resp.html" method="get">
<fieldset>
<br>
<tr>
<td>
<label for="login">Login:</label>
</td>
<td>
<input type="text" id="login" name="campoLogin" />
</td>
</tr>
<br>
<tr>
<td>
<label for="email">E-mail:</label>
</td>
<td>
<input type="text" id="email" name="campoEmail" />
</td>
</tr>
<br>
<tr>
<td>
<label for="datanasc">Data de nascimento:</label>
</td>
<td>
<input type="text" id="datanasc" name="campoDataNascimento" />
</td>
</tr>
<br>
<tr>
<td>
<label for="senha">Senha:</label>
</td>
<td>
<input type="text" id="senha" name="campoSenha" />
</td>
</tr>
<br>
<tr>
<td>
<label for="csenha">Confirmar senha:</label>
</td>
<td>
<input type="text" id="csenha" name="campoCSenha" />
</td>
</tr>
<br>
<tr>
<td>
<label for="sexo">Sexo:</label>
</td>
<td>
<select id="sexo" name="campoSexo">
<option value=""></option>
<option value="1">Feminino</option>
<option value="2">Masculino</option>
 
</select>
</td>
</tr>
<br>
<tr>
<td>
<label for="cidade">Cidade:</label>
</td>
<td>
<input type="text" id="cidade" name="campoCidade" />
</td>
</tr>
<br>
 
<tr>
<td>
<label for="home">Home-Page:</label>
</td>
<td>
<input type="text" id="home" name="campoHome" />
</td>
</tr>
<br>
 
<tr>
<td>
<label for="interesse">Interesses:</label>:</label>
</td>
<td>
<label>
<input name="campoInt" id="musica" type="checkbox"/> Música</label>
 
<label>
<input name="campoInt" id="esporte" type="checkbox"/> Esporte</label>
<label>
<input name="campoInt" id="moda" type="checkbox" /> Moda</label>
</td>
</tr>
 
<br><input id="res" class="botao" type="reset" value="Limpar" onclick="limpar();"/>
<input type="submit" value="Cadastrar" name="botaoCadastrar"onclick="return validar();"/>
</fieldset>
 
</form>
</main>
</body>
</html>

 

HTML2

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Validação de Formulário</title>
<link href="pratica12exercicio06.css" type="text/css" rel="stylesheet">
<script src="pratica12exercicio06.js" type="text/javascript"></script>
</head>
 
<body>
<main>
<div class="quadro">
<h1>Cadastro</h1>
<div class="resp">Dados cadastrados com sucesso!</div>
<a href="pratica12exercicio06.html">
<div class="botao"> Voltar</div>
</a>
</div>
</main>
</body>
 
</html>

 

JS:

function validar() {
var mensagemErro = "";
if (document.getElementById ("login").value == "") {
mensagemErro = "Informe o login.";
}
if (document.getElementById ("email").value == "") {
mensagemErro += "\nInforme o email.";
}
if (document.getElementById ("datanasc").value == "") {
mensagemErro += "\nInforme a data de nascimento.";
 
 
}
if (document.getElementById ("senha").value == "") {
mensagemErro += "\nInforme a senha.";
}
if (document.getElementById ("vsenha").value == "") {
mensagemErro += "\nInforme a confirmação de senha.";
}
if (document.getElementById ("senha").value != document.getElementById ("vsenha").value) {
mensagemErro += "\nAs senhas estão diferentes.";}
 
if (document.getElementById ("cidade").value == "") {
mensagemErro += "\nInforme a cidade.";
}
if (document.getElementById ("home").value == "") {
mensagemErro += "\nInforme a Home-page.";
}
if (document.getElementById ("interesse").value == "") {
mensagemErro += "\nInforme os interesses.";
}
 
var opcoesSexo = document.getElementsByName ("campoSexo");
var sexoPreenchido = false;
for (var i = 0; i < opcoesSexo.length; i++) {
if (opcoesSexo[i].checked) {
sexoPreenchido = true;
}
}
if (!sexoPreenchido) {
mensagemErro += "\nInforme o sexo.";
}
if (mensagemErro == "") {
return true;
} else {
alert (mensagemErro);
return false;
}
}


 
 

 

CSS:

fieldset, .quadro {
border: 5px solid black;
background-color: rgb(231, 231, 231);
width: 350px;
height: 300px;
line-height:1.5; /*espaçamento linhas*/
 
}
 
.botao{
height: 20px;
width: 70px;
}



 

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By lordstarlight
      Olá galera,
       
      Tenho um código que abre uma janela modal clicando num botão .
      Como faço para adaptar esse código para abrir usando um <input type="image" ... ?
       
      Abraço !!!
      <script type="text/javascript"> $('#myModal').on('shown.bs.modal', function () { $('#myInput').trigger('focus') }) </script> <!-- Modal --> <div id="myModal" class="modal fade" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h4 class="modal-title">Janela Modal</h4> </div> <div class="modal-body"> <p>Texto<br> Mais Texto<br> </p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> <!-- --> <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>  
    • By Ewfc2005
      Eu sou um programador amador, e ainda estou aprendendo programação, comecei um site, mas esqueci de faze-lo para ser responsivo, agora preciso de ajuda
      pois nao consigo deixa-lo responsivo
       

      Codigo HTML
       
      Codigo CSS

       
       
      Ele está mal feito, ainda tenho que arrumar muita coisa, se alguem conseguir me ajudar e dizer como ele pode ficar responsivo
      eu Agradeço.
    • By Baby01
      Prezados, bom dia.
       
      Gostaria de uma ajudar, sobre um script que estou criando. 
       
      Não estou conseguindo fazer a comparação entre data e horário, tipo assim : eu quero que quando o usuário faça um agendamento ex: data 15/07/2019 horário: 10h00 ás 12h00, não pode ter outro agendamento nessa data 15/07/2019 e nem entre esse horário 10h00 às 12h00.  Mais pode ter outro agendamento nessa data 15/07/2019, mais não no mesmo horário.
      Abaixo está meu script : 
       
       
       
      <!DOCTYPE html>
      <html>
      <head>
          <title>GESTÃO DE CASOS</title>
          <meta lang="pt-br" charset="utf-8">
          <link rel="icon" type="imagem/png" href="../gestao/img/logo.png" />
          <meta name="viewport" content="width=device-width, initial-scale=1">
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <script type="text/javascript" src="../bootstrap/sweetalert/dist/sweetalert.js"></script>
      </head>
      <body>
      <?php
      if(!isset($_SESSION)) 
          { 
              session_start(); 
          } 
              date_default_timezone_set('America/Sao_Paulo');
              header('Content-type: text/html; charset=utf-8');
              
              if (isset($_POST["submit"])) {
              $hr_agendamento = ('H:i:s');
              $now = date('Y-m-d H:i:s');
              $planoID = $_POST["planoID"];        
              $pacienteID = $_POST["pacienteID"];
              $unidadeID = $_POST["unidadeID"];
              $dt_programada = $_POST["dt_programada"];
              $hr_inicial = $_POST["hr_inicial"];
              $hr_final = $_POST["hr_final"];
              $atendimentoID = $_POST["atendimentoID"];
              }
              
              $unidade = $_SESSION['unidade_referencia'];
              
              include ("../administracao/conn.php");
              
              $agenda = "SELECT a.hr_inicial, a.hr_final, DATE_FORMAT(  `dt_programada` ,  '%d/%m/%Y' ) AS  `data_formatada` , b.unidadeID, b.unidade_referencia
                          FROM tb_agenda a
                          INNER JOIN tb_unidade b ON a.unidadeID = b.unidadeID
                          WHERE b.unidade_referencia =  $unidade";
                  
                 /* nessa parte que não estou conseguindo fazer a comparação , consigo pegar a variável que o usuário digita, porém não estou conseguindo trazer do banco de dados*/        
              IF ( (["dt_programada"] == $_POST["dt_programada"]) && (["hr_inicial"] == $_POST["hr_inicial"]) && (["hr_final"] == $_POST["hr_final"])) {
                  echo "<script>    swal('ATENÇÃO','DATA E HORÁRIO JÁ CADASTRADO', 'warning').then(function() {window.location = '../plano/escolha_paciente_plano.php';});</script>";    
                  
              }
                  ELSE
                  {
                  
              $sql = "INSERT INTO tb_agenda (planoID, pacienteID, unidadeID, dt_programada, hr_inicial, hr_final, atendimentoID) values ('$planoID','$pacienteID', '$unidadeID', '$dt_programada', '$hr_inicial', '$hr_final', '$atendimentoID')";
              
              if (mysqli_query($connect, $sql)) 
              {
                  echo "<script>swal('BOM TRABALHO!', 'AGENDA CADASTRADA COM SUCESSO!', 'success').then(function() {window.location = '../plano/escolha_paciente_plano.php';});</script>";
                  $x = 'Agenda criada com sucesso';
                  include "../administracao/agenda_log.php";
              } 
              else 
              {
                  echo "<script>swal('INFELIZMENTE', 'NÃO FOI POSSÍVEL CADASTRAR A AGENDA', 'warning').then(function() {window.location = '../plano/escolha_paciente_plano.php';});</script>" . $sql . "<br>" . mysqli_error($connect);
                  $x = 'Não foi possível criar a agenda';
                  include "../administracao/agenda_log.php";
                  
                  }
              }
              
      ?>
      </body>
      </html>
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.