JQuery Ajax Form发送2封电子邮件

时间:2016-05-25 07:22:00

标签: javascript php jquery html ajax

任何人都知道我为什么收到2封电子邮件而不是1 ???

我是JQuery和Ajax的新手,在这段代码中,一切正常,但每次都发送2封电子邮件。

HTML

<form class="well form-horizontal" action=" " method="post" id="contact_form">
  <fieldset>

    ...

    <!-- MENSAJE ENVIADO CON EXITO -->
    <div class="alert alert-success" role="alert" id="success_message">Tu mensaje se ha enviado con exito <i class="glyphicon glyphicon-thumbs-up"></i> Gracias por contactar con nosotros, en breve responderemos tu mensaje.</div>

    <!-- BOTON SUBMIT -->
    <div class="form-group">
      <div class="col-md-12 derecha">
        <button type="submit" name="submit" class="btn btn-warning">Enviar <span class="glyphicon glyphicon-send"></span>
        </button>
      </div>
    </div>

  </fieldset>
</form>

JAVASCRIPT

$(document).ready(function() {
    $('#contact_form').bootstrapValidator({

      ...

    })
    var form = $('#contact_form'); // contact form

    // form submit event
    form.on('submit', function(e) {

        e.preventDefault(); // prevent default form submit

        $.ajax({
            url: 'enviar.php', // form action url
            type: 'POST', // form submit method get/post
            dataType: 'html', // request type html/json/xml
            data: form.serialize(), // serialize form data 
            success: function(data) {
                $('#success_message').slideDown({ opacity: "show" }, "slow");
                $('#contact_form').data('bootstrapValidator').resetForm();
            },
            error: function(e) {
                console.log(e)
            }
        });
    });
});

AND PHP

<?php

if (!$_POST){ ?>
    <p>No se ha recibido ningún dato</p>
    <?php } else {

    ...

        if (mail($destinatario, $asunto, $cuerpo, $headers)) {
            echo ("ok");
        };

    } ?>

提前谢谢!!!

0 个答案:

没有答案