Jump to content
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?
 

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 lucianfpaula
      Olá saudações, tenho a seguinte duvida, dentro de uma div vou ter varios campos de texto, seja h1, p, smaill etc.. a minha duvida é a seguinte: como manipular a cor de um texto selecionado, tipo tenho um <h1>Minha texto que pode ser grande, quero mudar essa cor</h1> tem varios editor que usam textarea, mas queria saber se é possivel fazer isso a partir de qualquer tag. tipo seleciono o texto e clico em um botão com a cor que quero e mude o texto selecionado.
       
      Muito obrigado
    • By peterstefan
      Bom dia, estou fazendo uma cadastro via rest e estou utilizando o curl para cadastrar no webservice...
      Meu código está cadastrando tudo certinho, porem quando ele cadastra e mostra o retorno que foi cadastrado com sucesso ele fica o AGUARDE, CARREGANDO e não para.. não sei oque esta faltando pq já tentei varias coisas e não deu certo... 
       
       
       
      $Data = [ "nomeRazaoSocial" => $PostData['nomeRazaoSocial'], "identMF" => $PostData['identMF'], "email" => $PostData['email'], "telefone" => $PostData['telefone'], "senhaProvisoria" => $PostData['senhaProvisoria'] ]; $DataString = json_encode($Data); $curl = curl_init(WEBSERVICECADASTRO); curl_setopt($curl, CURLOPT_CUSTOMREQUEST, "POST"); curl_setopt($curl, CURLOPT_POSTFIELDS, $DataString); curl_setopt($curl, CURLOPT_RETURNTRANSFER, true); curl_setopt($curl, CURLOPT_HTTPHEADER, array( 'Content-Type: application/json', 'Content-Length: ' . strlen($DataString)) ); $result = curl_exec($curl); if ($result) { $jSON['success'] = "<i class='icon-checkmark'></i>Pronto, cadastro foi realizado com sucesso!"; }else{ $jSON['error'] = "<i class='icon-warning'></i>Oops! Erro ao cadastrar! Por favor, tente novamente!"; }  

       

    • By Augustomesquita
      Bom dia pessoal!
      Vocês também estão programando em primeira pessoa? Recentemente escrevi este artigo e gostaria de compartilhar a ideia com vocês.
      Pare de programar em primeira pessoa!
    • By DunkMask
      Olá, boa tarde.
       
      estou enfrentando um probleminha aqui. estou criando um teste aqui para inserir um canvas em um mapa e o angulo que ele esta entrando nao esta bacana, então preciso alterar ele.
       
      Mas acontece que ao usar o context.rotate() ele esta distorcendo todo o meu desenho e nao rotaciona o todo.
      Estou passando posição x e y, o _M_ seria o tamanho do desenho referente ao zoom do mapa e o tipo é um indicador qualquer e  para posicionar ele no mapa, até ai tudo bem, funciona perfeitamente, mas quando tento rotacionar que o problema começa.
      function poste(pX, pY, _M_, context,tipo){ context.strokeStyle = '#000000'; context.lineWidth = 1; context.lineJoin = 'round'; context.lineCap = 'round'; context.style(). switch(tipo) { case 1: context.beginPath(); context.arc(pX+(12.5 * _M_), pY+(6 * _M_), 17 * _M_, 111.2 * (Math.PI / 180), 68.8 * (Math.PI / 180), true); context.stroke(); context.beginPath(); context.arc(pX+(41.9 * _M_), pY+(12.5 * _M_), 25 * _M_, 158 * (Math.PI / 180), 202 * (Math.PI / 180), false); context.stroke(); context.beginPath(); context.arc(pX+(12.5 * _M_), pY+(19 * _M_), 17 * _M_, 291.3 * (Math.PI / 180), 248.8 * (Math.PI / 180), true); context.stroke(); context.beginPath(); context.arc(pX+(-16.9 * _M_), pY+(12.5 * _M_), 25 * _M_, 22 * (Math.PI / 180), 338 * (Math.PI / 180), true); context.stroke(); break; } } Alguém pode me dar uma luz, eu tento inserir o rotate no final de todas as linhas ele buga, tento inserir no começo e ele buga, ou se eu insiro fora do switch ele buga.
       
      se puderem me apontar uma solução eu agradeço
    • By tiagosp
      Estou gerando uma tabela no corpo html com javascript
      function responseAllHours(ObJson){ //Função que trabalha com multiplas arrays e elementos var ObJS = JSON.parse(ObJson); var divMain = document.getElementById("main"); var constructor = '<table><thead><tr><th colspan="3">Lista de horários</th></tr><tr><th colspan="1">Semana</th><th colspan="1">Sábado</th><th colspan="1">Domingo</th></tr></thead><tbody>'; var lista1 = ObJS[0].split(","); var lista2 = ObJS[1].split(","); var lista3 = ObJS[2].split(","); for(i = 0; i <= lista1.length -1; i++){ constructor += '<tr id="list' + i + '">' + '<td>' + lista1[i] + '</td>'; } constructor += '</tbody></table>'; divMain.innerHTML = constructor; for(i=0; i <= lista2.length -1; i ++){ document.getElementById("list" + i).innerHTML = '<td>' + lista2[i] + '</td>'; } for(i=0; i <= lista3.length -1; i ++){ document.getElementById("list" + i).innerHTML = '<td>' + lista3[i] + '</td>'; } } Porém as duas ultimas partes não estão sendo construídas:
      for(i=0; i <= lista2.length -1; i ++){ document.getElementById("list" + i).innerHTML = '<td>' + lista2[i] + '</td>'; } for(i=0; i <= lista3.length -1; i ++){ document.getElementById("list" + i).innerHTML = '<td>' + lista3[i] + '</td>'; } Então resolvi dar um break antes de chegar nos dois últimos laços, e para minha surpresa, a tabela não é montada antes do fim da função, logo o "document.getElementById" não localiza o elemento...
      Então estou sem saber o que fazer. Gostaria de ressaltar que solicito a montagem da tabela antes de iniciar os próximos laços ("divMain.innerHTML = constructor;")
×

Important Information

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