Ir para conteúdo
Carcleo

limpar campos póstumos

Recommended Posts

jQuery:

    // JavaScript Document
    
    $(document).ready(function (e) {
        
        $("#idPastor").on("change", function () {
            
            $.ajax({
                url: "_scripts/_php/_validacoes/buscarDadosRedes.php",
                type: "POST",
                dataType: "json",
                data: {
                      idPastor: $("#idPastor").val()
                },
                beforeSend: function() {
                    $("#imgCarregando").css('display','block');
                },
                success: function (result) {
                    $("#imgCarregando").css('display','none');
                    $('#idRede').find('option').remove();
                    
                    if (result == null){
                        $("#idRede").append("<option value=>Sem Redes</option>");
                    } else {
                        $("#idRede").append("<option value=>Escolha a Rede</option>");
                        result.forEach(function(option){
                            $("#idRede").append("<option value=" + option["idRede"] + ">" + option["nome"] + "</option>")
                        });
                    }
                }
                
            });
                
        });
        
    
        $("#idRede").on("change", function () {                      
            
            $.ajax({
                url: "_scripts/_php/_validacoes/buscarDadosRegioes.php",
                type: "POST",
                dataType: "json",
                data: {
                      idRede: $("#idRede").val()
                },
                beforeSend: function() {
                    $("#imgCarregando").css('display','block');
                },
                success: function (result) {
                    $("#imgCarregando").css('display','none');
                    $('#idRegiao').find('option').remove();
                    if (result == null){
                        $("#idRegiao").append("<option value=>Sem Regiões</option>");
                    } else {
                        $("#idRegiao").append("<option value=>Escolha a Região</option>");                        
                        result.forEach(function(option){
                            $("#idRegiao").append("<option value=" + option["idRegiao"] + ">" + option["nome"] + "</option>")
                        });
                    }
                }
                
            });
                
        });
        
    
        $("#idRegiao").on("change", function () {                        
    
            
            $.ajax({
                url: "_scripts/_php/_validacoes/buscarDadosAreas.php",
                type: "POST",
                dataType: "json",
                data: {
                      idRegiao: $("#idRegiao").val()
                },
                beforeSend: function() {
                    $("#imgCarregando").css('display','block');
                },
                success: function (result) {
                    $("#imgCarregando").css('display','none');        
                    $('#idArea').find('option').remove();            
                    if (result == null){    
                        $("#idArea").append("<option value=>Sem Áreas</option>");
                    } else {            
                        $("#idArea").append("<option value=>Escolha a Área</option>");    
                        result.forEach(function(option){
                            $("#idArea").append("<option value=" + option["idArea"] + ">" + option["nome"] + "</option>")
                        });
                    }
                }
                
            });
                
        });
        
    
        $("#idArea").on("change", function () {                    
    
            
            $.ajax({
                url: "_scripts/_php/_validacoes/buscarDadosSetores.php",
                type: "POST",
                dataType: "json",
                data: {
                      idArea: $("#idArea").val()
                },
                beforeSend: function() {
                    $("#imgCarregando").css('display','block');
                },
                success: function (result) {
                    $("#imgCarregando").css('display','none');
                    $('#idSetor').find('option').remove();                        
                    if (result == null){
                        $("#idSetor").append("<option value=>Sem Setores</option>");
                    } else {
                        $("#idSetor").append("<option value=>Escolha a Setor</option>");        
                        result.forEach(function(option){
                            $("#idSetor").append("<option value=" + option["idSetor"] + ">" + option["nome"] + "</option>")
                        });
                    }
                }
                
            });
                
        });
        
    
        $("#idSetor").on("change", function () {                        
    
            
            $.ajax({
                url: "_scripts/_php/_validacoes/buscarDadosCelulas.php",
                type: "POST",
                dataType: "json",
                data: {
                      idSetor: $("#idSetor").val()
                },
                beforeSend: function() {
                    $("#imgCarregando").css('display','block');
                },
                success: function (result) {
                    $("#imgCarregando").css('display','none');
                    $('#idCelula').find('option').remove();        
                    if (result == null){
                        $("#idCelula").append("<option value=>Sem Celulas</option>");
                    } else {
                        $("#idCelula").append("<option value=>Escolha a Célula</option>");        
                        result.forEach(function(option){
                            $("#idCelula").append("<option value=" + option["idCelula"] + ">" + option["nome"] + "</option>")
                        });
                    }
                }
                
            });
                
        });
        
    
    });

Esse script, faz a população via $.ajax do jQuery de combos no form.
Tudo funciona bem.

Mas considere o o form abaixo:

grW2c.png

 

Imagine o que o usuário preencheu todos os campos e de repente resolve tocar a opção do select de Redes como está na figura.

Porém, a opção Rede 2 NÃO possui Regiões Cadastradas ainda.
No entanto, note que todos os campos abaixo estão preenchidos e isso não negaria um possível submit do form com dados errados?

Ainda,  imagine a situação onde a opção Rede 2 POSSUI outas Regiões Cadastradas o que comprometeria a escolha dos selects que seguem

 

Como contornar esse problema?
 

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

  • Conteúdo Similar

    • Por martinazzo
      Olá pessoal,
       
      sou novo por aqui e não sei bem como funciona, mas sei que preciso de uma ajuda kkkkk
      se puderem me dar uma mão ficaria grato;
       
      Estou tendo problemas em como pegar id de uma linha clicada em uma table, que já recebe os dados de um bd. Eu gostaria de poder editar os campos e salvar no banco de dados usando o ID da linha clicada;
       
      Vou colar o código abaixo, não reparem na bagunça kkkkk
       
      conexao.php
       
      <?php
      $server = "XXXXX";         Conferido e esta correto;
      $username = "XXXXX";  Conferido e esta correto;
      $password = "XXXXX";  Conferido e esta correto;
      $dbname = "XXXXX";     Conferido e esta correto;
      $conn = mysqli_connect($server, $username, $password, $dbname);
      ?>
       
      altera.php
       
      <?php 
      $link = mysqli_connect("XXXXXX", "XXXXX", "XXXXX", "XXXXXX"); Conferido
      $sql = "SELECT * FROM interface ";
      $consulta = mysqli_query($link, $sql);
      ?>
      <!DOCTYPE html>
      <html>
      <head>
      <meta charset="UTF-8">
      <meta http-equiv="refresh" content="30">
      <link rel="stylesheet" type="text/css" href="style.css">
      <script src="sorttable.js"></script>
      <title>Dashboard</title>
      <?php 
      session_start();
      if(!isset($_SESSION['login']) and !isset ($_SESSION['senha'])){
          session_destroy();
        unset($_SESSION['login']);
        unset($_SESSION['senha']);
        header('location:index.html');
        
        }
        
      ?>

      </head>
      <body>
      <a href="index.php"><img src="img/ditec_smart_hor_150px.png"></a>
      <div class="borda_titulo">
      <h2><center>DIMILK | Equipamentos</font></h2></center></div><br /><br />
      <form name="equipamento" action="salva.php" method=post>
      <center><table id="minhaTabela" border="3" class="sortable" bgcolor="#1E90FF">
        <tr>
        <th><center>ID </center></th>
        <th><center>MAC</center></th>
        <th><center>Habilitado</center></th>
        <th><center>Descrição</center></th>
        <th><center>Altura Tarro</center></th>
        <th><center>Área Tarro</center></th>
        <th><center>Alterar</center></th>
        </tr>
        
          <?php while($registro = mysqli_fetch_assoc($consulta)){
              echo '<tr bgcolor="#ADD8E6" scope="row">';
              echo '<td name="id"><center>'.$registro["id"].'</center></td>';
              echo '<td name="mac"><center>'.$registro["mac"].'</center></td>';
              echo '<td><center><input type="checkbox" name="status" value="$teste"><br></center></td>';
              echo '<td id="linha_desc"><textarea name="desc" type=text placeholder="'.$registro["descricao"].'" /></textarea></td>';
              echo '<td><input name="altura" type=text style="width: 70px;" placeholder="'.$registro["altura_latao"].' cm" /></td>';
              echo '<td><input name="area" type=text style="width: 70px;" placeholder="'.$registro["area_latao"].' cm" /></td>';
              
              echo '<td><form method="get" action="salva.php"><center><button class="voltar" type="submit">Salvar</button></center></form><br />';
              echo '</tr>';
              }
          echo '</tbody></table></form>';
          
          ?></center><br />
          
              <div>            
                  <form method="get" action="index.html">        
                  <center><button class="voltar" type="submit">Voltar</button></center></form>
              </div>
                      
                      <br />
                      <footer class="borda_texto"><center>
                      <img src="img/rodape_logo.png">
                          2019 © <b>DITEC - Smart Solutions</b> - Todos os Direitos Reservados.
                      <a class="px-4" href="https://www.ditecsc.com.br" target="_blank">Ditec - Smart Solution</a>
                      </center></footer>
      </body>
      </html>
       
      salva.php
       
      <?php
      include('conexao.php');
      include_once('altera.php');
       
      // declaração de variáveis
      $id = 22;
      /*$id = $_GET['id'];
      $status = $_POST['status'];*/
      $descricao = $_POST['desc'];
      $altura = $_POST['altura'];
      $area = $_POST['area'];
       
      $up = mysqli_query($conn, "UPDATE interface SET descricao='$descricao', altura_latao='$altura', area_latao='$area' WHERE id=$id"); 
       
      if(mysqli_affected_rows($conn) > 0){
        echo '<center><h1><b>Sucesso</b></h1><br /> <h2>Atualizado!</h2></center>';
        header("Refresh: 2;url=equipamentos.php");
      }else{
          echo '<center><h1><b>Erro</b></h1><br /> <h2>Não foi atualizado!</h2></center>';
        header("Refresh: 2;url=altera.php");
      }
       
      mysqli_close($conn);
      ?>
       
      Do jeito que esta eu consigo alterar o id=22, mas não consegui pegar o id da linha sequente;
       
       
    • Por danilosilva222
      Olá pessoal, boa tarde! 
      Sou novato em programação e aqui no fórum é a minha primeira postagem, e tenho uma dúvida.
      Com Javascript, é possível desenvolver um sistema web completo para gestão, como por exemplo, academias, lojas, supermercados, etc..? 
      Desde já agradeço a atenção de vocês. 
    • Por nosredna
      Olá amigos,
       
      tenho o seguinte código:
      <html> <script type="text/javascript"> function Soma(){ var soma = 0; var ipts = document.querySelectorAll('input[oninput="Soma()"]'); for(var x=0; x<ipts.length; x++){ var valorItem = parseFloat(ipts[x].value); !isNaN(valorItem) ? soma += parseFloat(valorItem) : null; } document.querySelector('#final').value = soma.toFixed(2); } </script> <form action=""> Total produto1: <input type="text" oninput="Soma()" value="0"><br> Total produto2: <input type="text" oninput="Soma()" value="0"><br> <br> Total todos os produtos12: <input type="text" id="final"> </form> </html> Bom...para essas duas inputs funciona corretamente.
      Porém, se eu quiser colocar mais inputs como: Total produto3 + Total produto4 = Total todos os produtos34, Total produtoX + Total produtoY = Total todos os produtosXY, ...
      e usar o mesmo código JS, é possível? alguém poderia me dar uma dica de como eu faço para fazer isso? já tentei de várias maneiras, mas não estou tendo sucesso...
       
      Fico agradecido. 
    • Por jlrs19833
      Bom dia, pessoal! Estou precisando de uma luz para saber como tratar determinado problema:
       
      Cenário: Ambiente em desenvolvimento de plataforma para gestão de uma empresa.
      Linguagem principal: PHP (framework CodeIgniter)
      Dificuldade: retornar dados de select dinâmico junto ao evento de post do formulário.
       
      Descrição: Conforme mencionado acima, estou desenvolvendo um pequeno sistema para uma empresa que conterá poucas telas, sou desenvolver entusiasta, então não tenho muito conhecimento e prática com este assunto. Em determinada tela, o cliente quer que haja um formulário de cadastro onde dentre os diversos campos deste form, haverá dois do tipo select, onde um é o select de cidade e o outro do tipo estado. O select de Estado é preenchido automaticamente quando do carregamento da view, através de uma chamada do controller/model junto ao BD e o select cidade é preenchido de maneira automática, com javascript, através de uma mesma consulta, passando o ID do campo estado. Minha dificuldade está quando faço o submit deste form, pois o campo value do option deste select (cidade) não é enviado junto, pois no código fonte ele não foi carregado. Como posso fazer para recuperar esse value e enviar junto com o evento de submit?
       
      Segue como meus arquivos estão sendo feitos. Como pode observar estou, tentando apenas printar os campos para que eu possa ter certeza que eles estão sendo carregados.
      https://gist.github.com/jlrs19833/808887a5221ff31ca6ea22bf0c8b85a5
       
      Peço desculpas se estou postando no local errado e que os moderadores me orientem neste caso.
       
      Desde já agradeço o auxílio de cada um.
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.