2

$(function(){ $("#btnSubmit").on("click", function(e){

  var errorMessage  = $(".errorMessage");
  var validMessage  = $(".validMessage");

  var hasError = false;
  var hasvalid = true;

  $(".inputValidation").each(function(){
    var $this = $(this);

    if($this.val() == ""){
      hasError = true;
      $this.addClass("inputError");
      errorMessage.html("<p>Por favor, complete los siguientes campos.</p>");
      e.preventDefault();
    }if($this.val() != ""){
      $this.removeClass("inputError"); 

    }else{
      return true; alert(1);
      }

    }); //Input
 

  validMessage.slideDown(700);

  $(".inputValidation").each(function(){
    var $this = $(this);

    if($this.val() == ""){
      hasvalid = false;
      $this.addClass("inputError");
      validMessage.html("<p>Por favor, complete los siguientes campos.</p>");
      e.preventDefault();
    }if($this.val() != ""){
      $this.removeClass("inputError"); 

    }else{
      return true; alert(1);
      }

    }); //Input
  validMessage.slideDown(700);

    /*ajax*/
  if(hasError == false){
      Ecommerce = document.getElementById("exampleInputEcommerce").value;
      Nombre = document.getElementById("exampleInputNombre").value;
      Telefono = document.getElementById("exampleInputPhone").value;
      Email = document.getElementById("exampleInputEmail1").value; 
      data2= { 
          ecommerce:Ecommerce,
          nombre:Nombre,
          telefono:Telefono,
          email:Email,
          tarea: "envio"
        };

      $.ajax({
        type: "POST",
        url:"envio.php",
        data: data2,
        success:function(data){
          console.log("entro");
          /*$('#respuesta').fadeOut('fast').html(
            "Gracias, se a enviado su mensaje"
          );*/

        },
        error: function(XMLHttpRequest, textStatus, errorThrown) { 
          $('.validMessage').fadeOut('fast').html(
            "Gracias, se a enviado su mensaje"
          );
          $(".inputValidation").val("");
        } 

      });

  }




}); //Form .submit
});
.info-section .inputError{
	background-color: #9e46578c!important;
   border-bottom: 2px solid #824747!important;
  color: #fff;
}
.info-section .inputError::-webkit-input-placeholder{
  color: #fff;
}

.info-section .errorMessage{
	/*background-color: #d03e3e; */
    color: #fff;
    clear: right;
    display: none;
    font-size: 14px;
    font-weight: bold;
    height: 55px;
    letter-spacing: 1px;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    margin-top: 21px;
}
.info-section .validMessage{
	/*background-color: #d03e3e; */
    color: #fff;
    clear: right;
    display: none;
    font-size: 14px;
    font-weight: bold;
    height: 55px;
    letter-spacing: 1px;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    margin-top: 21px;
}
.info-section .errorMessage p{
  margin: 0px;
  padding: 19px 0px 0px 30px;
  text-align: left;
}

.info-section .validMessage{
	/*background-color: #d03e3e; */
    color: #fff;
    clear: right;
    display: none;
    font-size: 16px;
    font-weight: bold;
    height: 55px;
    letter-spacing: 1px;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    margin-top: 29px;
  margin: 0px;
  padding: 19px 0px 0px 30px;
  text-align: left;

    display: block!important;
}
.info-section .validMessage p{
  margin: 0px;
  padding: 19px 0px 0px 30px;
  text-align: left;
}
				<form class="formValidation px-lg-2">
				  <div class="form-group">   
				    <input type="name"  class="form-control inputValidation" id="exampleInputEcommerce" aria-describedby="Ecommerce" placeholder="Ecommerce">
				  </div>	
				  <div class="form-group">   
				    <input type="name" class="form-control inputValidation" id="exampleInputNombre" aria-describedby="Nombre" placeholder="Nombre">
				  </div>
				  <div class="form-group">   
				    <input type="phone" class="form-control inputValidation" id="exampleInputPhone" aria-describedby="phone" placeholder="Teléfono">
				  </div> 
				  <div class="form-group mb-5">   
				    <input type="email" class="form-control inputValidation" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Email">
				  </div> 

				  <button type="button" id="btnSubmit" class="btn btn_enviar_form mt-sm-5">ENVIAR</button>

				</form>

				<div class="errorMessage"></div>

				<div class="validMessage" id="respuesta"></div>
     

Estoy teniendo problemas con el formulario de un Sitio web. Resulta que no me esta enviando a mi casilla de correo los datos que pongo, las pruebas las estoy haciendo en mi propia casilla de correo y estoy vinculando un archivo JS con un PHP. Lei en la documentación de PHPMAILER que tengo vincular dos archivos mas uno class.phpmailer.php y otro SMTP.php, quería saber si esos archivos tiene que ser configurados de algún manera o vinculados de alguna forma. Con respecto al código que estoy implementando en el JS donde estoy haciendo validaciones de campo e incluyendo un AJAX y un PHP donde uso el son los siguientes:

<?php
function envioMail(){

$ecommerce = $_POST["Ecommerce"];
$nombre = $_POST["Nombre"];
$telefono = $_POST["Telefono"];
$email = $_POST["Email"];

require("class.phpmailer.php");
$mail = new PHPMailer();
$mail->Mailer = "smtp";
$mail->SMTPAuth = true;
$mail->Host = "smtp.live.com"; // A RELLENAR. Aquí pondremos el SMTP a utilizar. Por ej. mail.midominio.com smtp.gmail.com
$mail->Username = "marianoandres_17@hotmail.com"; // A RELLENAR. Email de la cuenta de correo. ej.info@midominio.com La cuenta de correo debe ser creada previamente. 
$mail->Password = ""; // A RELLENAR. Aqui pondremos la contraseña de la cuenta de correo
$mail->From = "marianoandres_17@hotmail.com";  // A RELLENAR Desde donde enviamos (Para mostrar). Puede ser el mismo que el email creado previamente.
$mail->FromName = "Mariano"; //A RELLENAR Nombre a mostrar del remitente. 
$mail->Subject = "Mensaje de Welivery"; // Este es el titulo del email.
$mail->AddAddress("marianoandres_17@hotmail.com");/*email de CM*/

$body  = "Se ha informado la descarga del siguiente resultado: $codigoAlerta Muchas gracias Equipo PfAst Pfizer"; 
$mail->Body = $body;
$mail->CharSet = 'UTF-8';
$mail->Send();

}
if($_POST){
switch($_POST["tarea"]){
case "envio":envioMail();break;
}
}
?>
3
  • Aqui puedes ver la informacion necesaria para utilizar PHPMailer. Lo que utilizo es: use PHPMailer\PHPMailer\PHPMailer; y use PHPMailer\PHPMailer\Exception; despues require_once(__DIR__.'/PHPMailer/src/Exception.php'); y require_once(__DIR__.'/PHPMailer/src/PHPMailer.php'); y por creo el objeto $mail = new PHPMailer(true);, con estos datos ya puede utilizar PHPMailer. Lo que tienes que tener en cuenta es que PHPMailer no funciona en el servidor local.
    – Sebastian
    el 16 nov. 2018 a las 0:06
  • Oka! pero entonces tendria qe agregar esas lineas de codigo a mi PHP y bajarme esos archivos? el 16 nov. 2018 a las 0:08
  • Lo que no se si realmente estoy armando bien el vinculo entre el JS y el PHP el 16 nov. 2018 a las 0:08

1 respuesta 1

1

<?php
function envioMail(){

$ecommerce = $_POST["Ecommerce"];
$nombre = $_POST["Nombre"];
$telefono = $_POST["Telefono"];
$email = $_POST["Email"];

require_once(__DIR__.'/PHPMailer/src/Exception.php'); 
require_once(__DIR__.'/PHPMailer/src/PHPMailer.php');
$mail = new PHPMailer(true);

$mail->Mailer = "smtp";
$mail->SMTPAuth = true;
$mail->Host = "smtp.live.com"; // A RELLENAR. Aquí pondremos el SMTP a utilizar. Por ej. mail.midominio.com smtp.gmail.com
$mail->Username = "marianoandres_17@hotmail.com"; // A RELLENAR. Email de la cuenta de correo. ej.info@midominio.com La cuenta de correo debe ser creada previamente. 
$mail->Password = ""; // A RELLENAR. Aqui pondremos la contraseña de la cuenta de correo
$mail->From = "marianoandres_17@hotmail.com";  // A RELLENAR Desde donde enviamos (Para mostrar). Puede ser el mismo que el email creado previamente.
$mail->FromName = "Mariano"; //A RELLENAR Nombre a mostrar del remitente. 
$mail->Subject = "Mensaje de Welivery"; // Este es el titulo del email.
$mail->AddAddress("marianoandres_17@hotmail.com");/*email de CM*/

$body  = 
"
Se ha informado la descarga del siguiente resultado: $codigoAlerta

Muchas gracias

Equipo PfAst
Pfizer
"; 
$mail->Body = $body;
$mail->CharSet = 'UTF-8';
$mail->Send();

}
if($_POST){
switch($_POST["tarea"]){
case "envio":envioMail();break;
}
}
?>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.