Ir para conteúdo
Fórum Script Brasil
  • 0

Problema AJAX enviando E-mail 2 vezes


newrods

Pergunta

Boa tarde estou com um problema e já tentei resolver de várias maneiras e não consegui, se alguém puder dar uma ajuda eu agradeço.

Tenho o código abaixo que envia e-mail sem dar refresh, utilizo Ajax, só que ele sempre envia 2 vezes. Quero que envie somente 1 vez.

<form method="POST"   >
                            <p><div class="msgSucesso" id="saida"></div></p>
                            <p><input type="text" name="nome" placeholder="Nome" ></p>
                            <p><input type="text" name="email" placeholder="Seu melhor E-mail"></p>
                            <p><textarea name="mensagem" rows="5" placeholder="Mensagem"></textarea></p>                        
                            <p><input class="btnContato" type="button"   id="butEnviar" value="Enviar Formulário"></p>

</form>

<script>

            $(document).ready(function ()
            {
                //definir evento "onclick" do elemento (botao) ID butEnviar 
                $("#butEnviar").click(function ()
                {

                    //capturar o valor dos campos do fomulario
                    var nome = $("input[name=nome]").val();
                    var email = $("input[name=email]").val();
                    var mensagem = $('textarea').val();

                    //usar o metodo ajax da biblioteca jquery para postar os dados em processar.php
                    $.ajax(
                            {
                                "url": "processar.php",
                                "dataType": "html",
                                "type": "post",
                                "data":
                                        {
                                            "nome": nome,
                                            "email": email,
                                            "mensagem": mensagem
                                        },
                                "success": function (response)
                                {
                                    //em caso de sucesso, a div ID=saida recebe o response do post
                                    $("div#saida").html(response);
                                }

                            });
                });
            });
        </script>

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...