Skip to main content
título editado
Enlace

enviar Enviar email con ajax html php

Origen Enlace

enviar email con ajax html php

Buen Dia, Programqadores mi `problemas es con enviar email con ajax html php No consigo enviar el email de mi pagina web en el ajax pasa muy bien las informaciones y validaciones dice enviar el mensaje pero no es asi me valida todo y dice enviar el email pero no llega ningun email al correo que puse para que reciba el email y ya nose que poner por que me pide mas caracteres para publicar esa pregunta si podrian ser tan amables de sacarme de la duda de en que parte esta mal mi codigo

mi html

          <form id="contactForm" name="sentMessage" novalidate="novalidate">
        <div class="row">
          <div class="col-md-6 mt-n2">
            <div class="form-group select">
              <label for="inputState">Motivo del Contacto</label>
              <select class="form-control" name="motive" required="required">
                <option value="Deseo hacer una donación" selected>Deseo hacer una donación</option>
                <option value="Deseo solicitar una donación">Deseo solicitar una donación</option>
              </select>
            </div>
            <div class="form-group">
              <input class="form-control" id="name" type="text" placeholder="Tu Nombre" required="required"
                data-validation-required-message="Por Favor Ingrese su Nombre" />
              <p class="help-block text-danger"></p>
            </div>
            <div class="form-group">
              <input class="form-control" id="email" type="email" placeholder="Tu Email*" required="required"
                data-validation-required-message="Por Favor ingrese su Email" />
              <p class="help-block text-danger"></p>
            </div>
            <div class="form-group">
              <input class="form-control" id="phone" type="tel" placeholder="Tu Numero de Celular/telefono *"
                required="required"
                data-validation-required-message="Por Favor Ingrese un Numero de Celular/Telefono" />
              <p class="help-block text-danger"></p>
            </div>
          </div>
          <div class="col-md-6 mt-n2">
            <div class="form-group">
              <textarea class="form-control" id="message" placeholder="Tu Mensaje*" required="required"
                data-validation-required-message="Por Favor ingrese un Mensaje"></textarea>
              <p class="help-block text-danger"></p>
            </div>
          </div>
          <div class="clearfix"></div>
          <div class="col-lg-12 text-center">
            <div id="success"></div>
            <button id="sendMessageButton" class="btn btn-primary btn-lg text-uppercase" type="submit">
              Enviar
            </button>
          </div>
        </div>
      </form>

mi ajax

    $(function () {
  $(
    "#contactForm input,#contactForm select,#contactForm textarea"
  ).jqBootstrapValidation({
    preventSubmit: true,
    submitError: function ($form, event, errors) {
      // mensajes de error adicionales o eventos
    },
    submitSuccess: function ($form, event) {
      event.preventDefault(); // evitar el comportamiento de envío predeterminado
      //get valores de FORM
      var motive = $("select#motive").val();
      var name = $("input#name").val();
      var email = $("input#email").val();
      var phone = $("input#phone").val();
      var message = $("textarea#message").val();
      var firstName = name; // Mensaje de éxito / fracaso

      //  Verifique el espacio en blanco en el nombre del mensaje de éxito / falla
      if (firstName.indexOf(" ") >= 0) {
        firstName = name.split(" ").slice(0, -1).join(" ");
      }

      $this = $("#sendMessageButton");
      $this.prop("disabled", true); // Deshabilita el botón de envío hasta que la llamada AJAX se complete para evitar mensajes duplicados
      $.ajax({
        url: "../mail/contact_me.php",
        type: "POST",
        data: {
          name: name,
          motive: motive,
          email: email,
          phone: phone,
          message: message,
        },
        cache: false,
        success: function () {
          //   Mensaje de éxito
          $("#success").html("<div class='alert alert-success'>");
          $("#success > .alert-success")
            .html(
              "<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;"
            )
            .append("</button>");
          $("#success > .alert-success").append(
            "<strong> Tu mensaje ha sido enviado.</strong>"
          );
          $("#success > .alert-success").append("</div>");
          // borrar todos los campos
          $("#contactForm").trigger("reset");
        },
        error: function () {
          //Mensaje Error
          $("#success").html("<div class='alert alert-danger'>");
          $("#success > .alert-danger")
            .html(
              "<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;"
            )
            .append("</button>");
          $("#success > .alert-danger").append(
            $("<strong>").text(
              "Disculpa " +
                firstName +
                ", ocurrio un error al Enviar el Email. Por Favor intente mas Tarde!"
            )
          );
          $("#success > .alert-danger").append("</div>");
          // borrar todos los campos
          $("#contactForm").trigger("reset");
        },
        complete: function () {
          setTimeout(function () {
            $this.prop("disabled", false); //  Vuelve a habilitar el botón de envío cuando se complete la llamada AJAX
          }, 1000);
        },
      });
    },
    filter: function () {
      return $(this).is(":visible");
    },
  });

  $('a[data-toggle="tab"]').click(function (e) {
    e.preventDefault();
    $(this).tab("show");
  });
});

mi php

 <?php
// Verificar campos vacíos

if (
   empty($_POST['name'])      ||
   empty($_POST['motive'])    ||
   empty($_POST['email'])     ||
   empty($_POST['phone'])     ||
   empty($_POST['message'])
) {
   echo "No hay argumentos proporcionados!";
   return false;
}

$name = strip_tags(htmlspecialchars($_POST['name']));
$motive = $_POST['motive'];
$email_address = strip_tags(htmlspecialchars($_POST['email']));
$phone = strip_tags(htmlspecialchars($_POST['phone']));
$message = strip_tags(htmlspecialchars($_POST['message']));


// Crea el correo electrónico y envía el mensaje
$to = '[email protected]'; 
$email_subject = "Formulario de contacto del sitio web:  $name";

$email_body =  "Recibió un nuevo mensaje del formulario de contacto de su sitio web.\n\n"
               ."El Motivo de Contacto $motive \n\n".
               "Aquí están los detalles:\n\nNombre: $name\n\nEmail: $email_address\n\nTelefon: $phone\n\nMensaje:\n$message";
$headers .= "Responder a : $email_address";

//Enviar el Correo
mail($to,$email_subject, $email_body, $headers);

return true;

?>