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 Sapinn
      Quero que quando o usuario chegue em uma parte do menu site ele o menu fique fixo no topo da pagina. Como fazer isso???
    • By Sapinn
      Eu tenho um form e toda vez que alguém clicar no input eu quero que a borda de baixo mude a cor e quando ele clicar fora quero que volte ao normal quero isso para todos os campo de todos os foms que eu tiver
    • By daviassumpcao
      Pessoal... Estou pegando 2 valores via class em divs e fazendo um cálculo para saber a porcentagem de desconto obtida (uma lista de registros). Porém, quando vou inserir o resultado em outras div's com class também, não funciona. Se eu mudo para id, é inserido na primeira div apenas. O identificador dessa div é a "desconto" que está com o fundo vermelho. É errado usar o getElementsByClassName para inserir os valores encontrados? Até tentei um for mas não rolou.... (sou iniciante em JS e isso é exercício estou fazendo) O script:
       
      <div class="container"> <div class="prateleira-wrap"> <div class="prateleira-preco-de">De R$ 10,00</div> <div class="prateleira-preco-por">Por R$ 5,00</div> <div class="desconto"></div> </div> <div class="prateleira-wrap"> <div class="prateleira-preco-de">De R$ 9,00</div> <div class="prateleira-preco-por">Por R$ 3,00</div> <div class="desconto"></div> </div> </div> .container{ background-color:#e4e4e4; width:100%; height:auto; float:left; } .prateleira-wrap{ border: 1px solid #000; width:40%; float:left; margin:10px; } .desconto{ background-color:red; color:#fff; width:100%; height:20px; float:left; } function getMoney(str) { return str .replace(/[^\d,]+/g, '') // Remove caracteres desnecessários. .replace(',', '.'); // Troca o separador decimal (`,` -> `.`) } var a = document.getElementsByClassName("prateleira-preco-de")[0].innerHTML; var b = getMoney(a); var c = document.getElementsByClassName("prateleira-preco-por")[0].innerHTML; if ( c !== null) { var d = getMoney(c); var e = ((d / b) * 100) - 100; var f = e.toFixed(2); document.getElementsByClassName("desconto").innerHTML = ('Desconto de ' + f + '%'); // console.log('Desconto de ' + f + '%'); } else { console.log("Não há desconto no preço do produto"); }  
       
       
    • By fideles
      Fala pessoal, tudo tranquilo?
       
      Tem uma dúvida e gostaria de uma sugestão.
      Tenho um codigo que faz um upload de um arquivo CSV, gostaria que ao importar ele puxe os dados da descrição em outro banco de dados, seria possivel ?
       
      O codigo abaixo seria, o usuario monta a planilha e coloca somente o codigo do item e a quantidada e faz o upload, mais dessa forma o codigo grava no banco somente o que tem na planilha.
       
      O que precisaria seria,  o usuario monta a planilha e coloca somente o codigo do item e a quantidada e faz o upload e nesse momento do upload, ele puxe a descrição e unidade do item cadastro em outra tabela antes de gravar o processo abaixo. 
       
      <?php //Aciona o codigo somente se clicar no botão enviar if($_POST){ //esconde os erros do navegador error_reporting(E_ALL ^ E_NOTICE); // inclui a conexão include_once('../configuracoes/conexao/config_4.php'); //cria as varias para pegar o arquivo e o nome do arquivo $arquivo = $_FILES["file"]["tmp_name"]; $nome = $_FILES["file"]["name"]; $ext = explode(".", $nome); $extencao = end($ext); //cria uma condição para validar a extenção do arquivo. if($extencao != "csv"){ echo "<script>alert('Extens\u00e3o inv\u00e1lida, verifique o arquivo.');</script>"; } else{ //se a estensao for valida, executa a função abaixo $objeto = fopen($arquivo, 'r'); //abre o arquivo e le os dados while(($dados = fgetcsv($objeto, 1000, ",")) !== FALSE )//faz um loop em todo arquivo. { $item = $dados[0]; $quantidade = $dados[1]; //exibe os dados na tela do usuario echo "<table border='1'>"; echo "<tr>"; echo "<td width='250px'>$nome</td>"; echo "<td width='500px'>$email</td>"; echo "</tr></table>"; $result = mysql_query("INSERT INTO emails (item, quantidade) VALUES('$nome','$email')"); } if($result){ echo "Dados inseridos com sucesso"; } else{ echo mysql_error();//"Erro ao inserir os dados"; } } } ?>  
    • 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 ?
×

Important Information

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