Jump to content
Tiago Bruno

Cancelar o submit por validação no jquery

Recommended Posts

É o seguinte pessoal tenho validação serviside que faço em uma pagina php o problema é na hora de validar no

jquery tento cancelar o submit com return false mas não vai segue o código.

 $(document).ready(function(){
          
$("#formProd").submit(function(){
  
  var Valores = $(this).serialize();
 
   $.ajax({
     type:"POST",
     url: "../View/valida.php",
     data: Valores,
     success: function(data){
         
         if(data.length>0){
             $("#retorno").html(data);
             return false;
         }
     else{
      
     
    }
     }
   });
  
}); 
}); 

Share this post


Link to post
Share on other sites

Ajax é assíncrono. Faça assim:

 

$("#formProd").submit(function(event){
   event.preventDefault();
e para liberar, vc faz um trigger submit.

Share this post


Link to post
Share on other sites

muito obrigado, ele para o problema é para continuar se estiver tudo ok, teria que colocar algo no else mas não faço ideia porque sei muito pouco de ajax como faço esse trigger submit?

Share this post


Link to post
Share on other sites

Adicionei o trigger submit no else mas quando retorna um erro a pagina não para segue o codigo

<script>       
$(document).ready(function(){
          
$("#formProd").submit(function(event){
   event.preventDefault();
  var Valores = $(this).serialize();


   $.ajax({
     type:"POST",
     url: "../View/valida.php",
     data: Valores,
     success: function(data){
         
         if(data.length>0){
            $("#retorno").html(data);
        $("#formProd").submit(function(){
           return false;
              });
           
         }
     else{
       $('#formProd').trigger('submit');
        });
    }
     }
   });
  
}); 
});
   
        
        
    
        
        </script>

Share this post


Link to post
Share on other sites

Exemplo:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
<form action="" id="form">
  <input type="text" name="name" id="name" />
  <input type="submit" value="Enviar" />
</form>

<script src="http://code.jquery.com/jquery-1.12.0.min.js"></script>
<script>
$('#form').on('submit', function (event) {
  event.preventDefault();
  var $name = $('#name');

  if($name.val() !== '') {
    $('#form').off('submit').trigger('submit');
  } else {
    alert('Não enviado!');
  }

})
</script>
</body>
</html>

Share this post


Link to post
Share on other sites

Adaptando pelo código que você mandou a pagina vai para o outro formulário mas não envia nada por post

 

  $(document).ready(function(){
         $('#formProd').on('submit', function (event) { 


   event.preventDefault();
  var Valores = $(this).serialize();


   $.ajax({
     type:"POST",
     url: "../View/valida.php",
     data: Valores,
     success: function(data){
         
         if(data.length>0){
            $("#retorno").html(data);
       
         }
     else{
       
    $('#formProd').off('submit').trigger('submit');
    }
     }
   });
  
}); 
});

Share this post


Link to post
Share on other sites

Então o POST está indo sim.

Pq vc disse que deu errado? como testou?

 

O que tem no arquivo ProdutoDAO.php ?

Share this post


Link to post
Share on other sites

Então o erro ai é no PHP. Debugue lá.

 

coloca um var_dump($_POST); por exemplo.

Share this post


Link to post
Share on other sites

Andei fuçando e vi que o problema é que ele não pega o post do botão que eu utilizo para verificar se foi clicado o botão cadastrar ou o alterar quando eu comento a linha "if(isset($_POST['cadastrar']) " funciona normalmente e antes estava funcionando normal vou tentar fazer as duas funcionalidades em arquivos separados.

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 fideles
      Pessoal, tenho uma dúvida, talvez muito boba.
       
      Tenho um formulario com os input em array, e um alert javascript mostrando que foi registrado com suceso.
       
      O problema maior é que se for gravado 30 registro no banco de dados, ele mostra 30 alertas de registro gravado com suceso, por acaso é possivel limitar esse tanto de alerta para somente 1 independente da quantidade que ele grava no banco ?
    • By Erick Plant
      Olá! Precisando de uma ajudinha.
       
      FICAREI MUITO GRATO PELA AJUDA...SE PUDEREM ME DAR UMA LUZ!
       
      Estou arrumando um código que foi de outra pessoa, mas antes disso, preciso "apagar o incêndio" aqui e fazer funcionar uma implementação.
       
      Tenho um dropzone que carrega um arquivo sem necessidade de form. O problema começa por agora. Foi-me pedido para que eu implementasse um select trazendo do banco uma info e que enviasse via get 'junto com a url que envia as informaçoes do arquivo'.
      O carregador do select foi feito, eu estou pegando o value do select dinamicamente, pois não tem form.
      Porém, o problema é q nao sei como pegar esse value capturado para implentá-lo  na url via get.
       
       
      o js  e o dropzone na pag é esse:
      //AQUI EU PEGO O VALOR DO SELECT DE FORMA DINÂMICA id = ''; $(document).ready(function () { $("#seguimento").change(function () { id = $('#seguimento').val(); }); }); Dropzone.autoDiscover = false; Dropzone.options.tstDz = { //////////////////////////////////////////////////////// //AQUI O DROPZONE QUE PASSA OS PARAMETROS VIA GET /////////////////////////////////////////////////////// url: "<?= base_url('homeCgmrr/MonitoramentoPadraoDesempenho/addDoc?ambiente='.$ambiente.'&value='); ?>", paramName: "arquivo", maxFilesize: 2, acceptedFiles: ".xlsx,.ods,.xls,.csv", addRemoveLinks: true, // init: function () { // this.on("complete", function (file) { // setGallery(file); // }) // } init: function () { this.on('error', function(file, response) { $.notify("Você não pode fazer upload de arquivos com essa extensão, apenas arquivos .xlsx !", 'warning'); }); this.on('success', function(file, resp){ if(resp['status'] == false){ $.notify("Ocorreu erro no preenchimento da planilha. Por favor, verifique e tente novamente.", 'warning'); setGalleryError(file); }else{ setGallery(file); $.notify("Arquivo enviado com Sucesso!", 'success'); } }); } };  
      Como eu posso fazer pra carregar o id SE o base_url está em PHP?
      url: "<?= base_url('homeCgmrr/MonitoramentoPadraoDesempenho/addDoc?ambiente='.$ambiente.'&value='AQUI VAI O ID); ?>",  
      Obrigado pela ajuda!
       
    • By Elisame Araújo
      Bom dia,
       
      Estou montando um site de clã de jogos online (especificamente de Battlefield), e neste momento estou desenvolvendo o painel de administração do site, mas me deparei com uma dúvida que não consigo encontrar uma situação na internet que se aplique ao que eu preciso.
       
      A situação é a seguinte:
       
      Eu tenho um módulo onde o administrador vai adicionar um mapa, um tamanho de jogo e um modo para a rotação do servidor do clã, a exemplo desse pop-up:
       
      A lista de mapas vem do BD.
       
      O que eu preciso é que o segundo e o terceiro <select> sejam preenchidos baseados na seleção do primeiro. Onde, a exemplo:

       
      Seleção de Mapa: Ilhas Lofoten
      Opções Disponíveis a partir do 1º Select: 16 e 32 Jogadores
      Opções Disponíveis a partir do 1º e 2º Select: Dominação, TDM, etc.
       
      Para ficar mais simplificado: Seleção 1 > Opções A Partir de Seleção 1 > Opções A partir de Seleção 1 e 2
       
      Infelizmente eu ainda não tenho conhecimento em JavaScript ou JQuery ou JSON - ainda estou para aprender -, e não consigo encontrar uma resposta simplificada para isso
       
      Como eu poderia fazer isso da maneira mais simples ou didática?
       
    • By Matheus B. Siqueira
      Fala pessoal, meu problema é o seguinte: Tento retornar os valores do json_encode via AJAX, só que na hora de armazenar no const ele da erro de:
      <b>Notice</b>: Undefined variable: videos_pendentes in <b>C:\xampp\htdocs\tcc\monitor.php</b> on line <b>504</b><br /> <br /> <b>Notice</b>: Trying to access array offset on value of type null in <b>C:\xampp\htdocs\tcc\monitor.php</b> on line <b>504</b><br /> null); Não sei qual seria a melhor forma de retornar esses dados, alguma sugestão?
      AJAX:
      $('#btn-lista-videos-carousel').click(function() { var nome_monitor = $("#nomecomp").val(); $.ajax({ url: 'pesquisar_video_pendente.php', data: {nome_monitor}, dataType: 'json', type: "POST", complete: function(data) { const videos_pendentes = JSON.parse(<?php echo json_encode($videos_pendentes[0]) ?>); let itens = ''; let indicadores = ''; $('#botaobaixar').hide(); $('#tudo_monitor').hide(); $('#carouselExampleIndicators_2').hide(); if (videos_pendentes.length > 0) { videos_pendentes.forEach(function(video, indice) { indicadores += '<li data-target="#carouselExampleIndicators" data-slide-to="' + indice + '" class="' + (indice == 0 ? 'active' : '') + '"></li>' itens += '<div data-link_video="' + video.link_video + '" data-id="' + video.idvideo_monitor + '" data-titulo="' + video.titulo_video + '" data-situacao="' + video.situacao + '" class="carousel-item ' + (indice == 0 ? 'active' : '') + '">'; itens += ' <iframe width="100%" height="350" src="https://www.youtube.com/embed/' + video.link_video + '" frameborder="0" allowfullscreen></iframe>' itens += '</div>'; }); $('#tudo_monitor').show(); $('#carouselExampleIndicators').show(); $('#carousel-indicadores').html(indicadores); $('#carousel-itens').html(itens); } else { alert('Nenhum vídeo pendente'); } } }); }); E o meu PHP, a qual busca os dados no mysql:
      <?php $monitor = $_POST['nomecomp']; $servidor = 'localhost'; $usuario = 'root'; $senha = 'root'; $banco = 'onteach'; $conexao = mysqli_connect($servidor, $usuario, $senha, $banco); $consulta = "SELECT * FROM video_monitor WHERE video_monitor.monitor = '$monitor' AND video_monitor.pendente = 1 OR video_monitor.pendente = 3"; $resultados = mysqli_query($conexao, $consulta); $videos_pendentes = array(); while ($video = mysqli_fetch_assoc($resultados)) $videos_pendentes[] = $video; mysqli_free_result($resultados); mysqli_close($conexao); $videos_pendentes = json_encode($videos_pendentes); echo json_encode($videos_pendentes); ?>  
    • By lezão
      Ola Galera.
      Boa tarde!
      Td bem com vcs?
      Tenho um codigo de script ele roda perfeitamente, mas ele possui um detalhezinho, o resultado é apresentado dentro de um input text.
      teria como algum me  ajudar em cima deste codigo a tirar o resultado do input e apresentar fora do input?
      <input type="checkbox" name="sabor" id="evento_value1" value="28.00"> <input type="checkbox" name="sabor" id="evento_value2" value="28.00"> <input type="text" size="5" id="evento_value" onclick="AddValor()" disabled="disabled"/> <script type="text/javascript"> var total = 0; //Chama a função com click em qualquer checkbox $(':checkbox').click(function() { //Atribui o valor do input p/ variável 'valor' var valor = parseInt($(this).val()); //Se o checkbox for marcado ele soma se não subtrai if ($(this).is(":checked")) { total += valor; } else { total -= valor; } //Atribui o valor ao input $("#evento_value").val(total); }); </script>  
×

Important Information

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