2

Estou com um problema ao efetuar a tentativa de deleção e recebo uma mensagem de erro no console, meu script está assim:

<form action="" id="frmDeleta" class="smart-form"> 
  <button type="submit" class="btn btn-danger"> Excluir </button>
  <input name="IdEvento" type="hidden" value="<?php echo $IdEvento; ?>">
</form>
    $(document).ready(function () {             

            $("#frmDeleta")({               
                // NÃO ALTERAR O CÓDIGO 
                errorPlacement: function (error, element) {
                    error.insertAfter(element.parent());
                },
                submitHandler: function (form) {
                    var data = $(form).serialize();                 
                    // console.log(data);                   
                    $.ajax({
                        type: 'POST',
                        url: 'pDeletaAgendamento.php',
                        data: data,
                        dataType: 'json',
                        beforeSend: function () {
                            $("#msgResult").html('×AVISO! Enviando...');
                        },
                        success: function (response) {
                            if (response.codigo == "1") {
                                $("#msgResult").html('×AVISO!' + response.mensagem + '');
                                // RESETANDO O FORMULÁRIO APÓS GRAVAÇÃO
                                $('#frmDeleta').each(function () {
                                    this.reset();   
                                });

                            } else {
                                $("#msgResult").html('×ATENÇÃO! ' + response.mensagem + '');
                            }
                        },
                        error: function (xhr, ajaxOptions, thrownError) {
                            // console.warn(xhr.responseText);
                            console.log(xhr, ajaxOptions, thrownError);
                            $("#msgResult").html('×ATENÇÃO! Ocorreu um erro ao tentar enviar o Agendamento. Contate o departamento de TI.');
                        }
                    });
                    return false;
                }

            });

    }); 

Mas no meu console estou recebendo a seguinte mensagem:

inserir a descrição da imagem aqui

inserir a descrição da imagem aqui

5
  • Conferiu se o jquery está iniciado corretamente? Pelo erro está dizendo que $(...) não é uma função. Commented 14/10/2016 às 12:58
  • 1
    Você precisa adicionar o jQuery antes de executar o ajax Commented 14/10/2016 às 12:58
  • #frmDeleta se refere ao name do objeto form, não ao id Commented 14/10/2016 às 13:03
  • Estou iniciando corretamente o JQuery @ErlonCharles e Kenny Rafael Commented 14/10/2016 às 13:07
  • 2
    Realmente não tinha reparado neste trecho: $("#frmDeleta")({, precisa adicionar algum método como o $("#frmDeleta").submit({ por exemplo, não que isso mereça uma resposta, pequeno erro de sintaxe, porém a questão é que terá outros erros no seu script, vai atualizando ai. Commented 14/10/2016 às 13:23

1 Resposta 1

2

Dois erros visíveis no seu código,

1° a tag #frmDeleta se refere a um name de formulário, não a um id

2° Acredito que você quis utilizar a função submit usando o jquery, que eu saiba não existe uma chamada do tipo $("#frmDeleta")({ (me corrijam se eu estiver errado)


Na verdade creio que você está tentando utilizar o plugin validate, a sintaxe correta seria: $("#frmDeleta").validate({

$(document).ready(function() {
  $("#frmDeleta").validate({
    // NÃO ALTERAR O CÓDIGO 
    errorPlacement: function(error, element) {
      error.insertAfter(element.parent());
    },
    submitHandler: function(form) {
      var data = $(form).serialize();
      // console.log(data);                   
      $.ajax({
        type: 'POST',
        url: 'pDeletaAgendamento.php',
        data: data,
        dataType: 'json',
        beforeSend: function() {
          $("#msgResult").html('×AVISO! Enviando...');
        },
        success: function(response) {
          if (response.codigo == "1") {
            $("#msgResult").html('×AVISO!' + response.mensagem + '');
            // RESETANDO O FORMULÁRIO APÓS GRAVAÇÃO
            $('#frmDeleta').each(function() {
              this.reset();
            });
          } else {
            $("#msgResult").html('×ATENÇÃO! ' + response.mensagem + '');
          }
        },
        error: function(xhr, ajaxOptions, thrownError) {
          // console.warn(xhr.responseText);
          console.log(xhr, ajaxOptions, thrownError);
          $("#msgResult").html('×ATENÇÃO! Ocorreu um erro ao tentar enviar o Agendamento. Contate o departamento de TI.');
        }
      });
      return false;
    }
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>

<form action="" id="frmDeleta" name="frmDeleta" class="smart-form">
  <button type="submit" class="btn btn-danger">Excluir</button>
  <input name="IdEvento" type="hidden" value="<?php echo $IdEvento; ?>">
</form>

1
  • Olá @Marcelo Bonifazio, obrigado pela ajuda, mas não estou querendo usar o validate, simplesmente quero enviar o ID para a página de deleção e receber um retorno de erro ou acerto. Commented 14/10/2016 às 14:45

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .