Detect PHP Mailer error and print the message in the website using jquery

Question

I am using PhpMailer to send emails. Inside my own script I want to parse some javascript inside the below if statement. Note that I have html enabled.

When the email is not sent I want to parse some javascript inside the .done function that the email is not sent. eg complete.html("Message Not Sent!"); When the email is sent, I want to show that the email is sent. How can I do that and where is better to do that, inside php file or inside the javascript?

 var form = $('#contact');
    form.submit(function(event) {
      event.preventDefault();
      var complete = $('#formAppend');
      var $form = $(this);
      var name = $("#fname").val();
      var email = $("#email").val();
      var Message = $("#msg").val();
      var countryoption = $("#country").val();
      $.ajax({
          type: 'POST',
          url: '../sendemail.php',
          data: {
            Name: name,
            Email: email,
            message: Message,
            Country: countryoption
          },
          beforeSend: function() {
            complete.html('Message is Sending...').fadeIn();
          }
        })
        .done(function(data) {
//This should change depending on the php if statement at the bottom.
          complete.html("Message Sent");
        });
    }); //end contact form

<form id="contact" method="post" action="#ss">
  <div id="formAppend"></div>
  <input type="text" id="fname" name="firstname" placeholder="Το όνομα σας.." required>
  <input type="email" id="email" name="email" placeholder="Το email σας.." required>
  <select id="country" required>
      <option class="w3-center" value="" disabled selected value>-- Χώρα --</option>
      <option value="Κυπρος">Κύπρος</option>
      <option value="Ελλάδα">Ελλάδα</option>
      <option value="Άλλο">Άλλη</option>
  </select>
  <textarea id="msg" name="message" placeholder="Γράψε το μήνυμα.." style="height:200px;max-height:400px;min-height:100px;" required></textarea>
  <div id="op">
    <button type="submit" style="" class="btn btn-primary img-responsive"> Αποστολή</button> </div>
</form>

PHP:

<?php
require 'PHPMailer-master/PHPMailerAutoload.php';



    if(empty($_POST['Email'])){
        $_POST['Email']= "";
    }
    if(empty($_POST['Name'])){
        $_POST['Name']= "";
    }

    if(empty($_POST['message'])){
        $_POST['message']= "";
    }


if (isset($_POST["message"]) && !empty($_POST["message"])) {

   $mymail=smtpmailer("[email protected]",$_POST['Email'], $_POST['Name'], $_POST['message']);    


}else{  
    header('Location: http://webdominar.xyz'); exit();

}



function smtpmailer($to, $from, $from_name, $body) {
    $mail = new PHPMailer;
    $mail->isSMTP();
    $mail->Debugoutput = 'html';
    $mail->Host = 'smtp.gmail.com';
    $mail->Port = 587;
    $mail->SMTPSecure = 'tls';
    $mail->SMTPAuth = true;
    $mail->Username = '';  
    $mail->Password = '';          
    $mail->SetFrom($from, $from_name);
    $mail->Subject = "Εμβολιασμός Δέντρων ~ Φόρμα Επικοινωνίας ~ $body ";
    $mail->CharSet  = 'UTF-8';
    $mail->isHTML(true);                                  // Set email format to HTML
    $Country = $_POST["Country"]; 
    $mail->Body = "BLABLA ";//end email body




    $mail->AddAddress($to);
//send the message, check for errors
if (!$mail->send()) { //Message not sent
    echo "Mailer Error: " . $mail->ErrorInfo;

} else {//Message sent!
    echo "Well done $from_name, your message has been sent!\nWe will reply to the following email: $from"
            . "<br>Your Message: $body";
}




} //end function smtpmailer



?>

your jQuery code is not complete. You would do it on the client. return JSON and show it — mplungjan
– mplungjan, Commented Aug 1, 2017 at 12:53
No. You should post a minimal reproducible example here - we cannot see how you submit your form for example. Just a lose .done in the middle of everything — mplungjan
– mplungjan, Commented Aug 1, 2017 at 12:55

Avinash · Accepted Answer · 2017-08-01 13:25:27Z

Change you PHP and JS code like this........

require 'PHPMailer-master/PHPMailerAutoload.php';
if (empty($_POST['Email'])) {
    $_POST['Email'] = "";
}
if (empty($_POST['Name'])) {
    $_POST['Name'] = "";
}

if (empty($_POST['message'])) {
    $_POST['message'] = "";
}


if (isset($_POST["message"]) && !empty($_POST["message"])) {

    $mymail = smtpmailer("[email protected]", $_POST['Email'], $_POST['Name'], $_POST['message']);
} else {
    header('Location: http://webdominar.xyz');
    exit();
}

function smtpmailer($to, $from, $from_name, $body) {
    $mail = new PHPMailer;
    $mail->isSMTP();
    $mail->Debugoutput = 'html';
    $mail->Host = 'smtp.gmail.com';
    $mail->Port = 587;
    $mail->SMTPSecure = 'tls';
    $mail->SMTPAuth = true;
    $mail->Username = '';
    $mail->Password = '';
    $mail->SetFrom($from, $from_name);
    $mail->Subject = "Εμβολιασμός Δέντρων ~ Φόρμα Επικοινωνίας ~ $body ";
    $mail->CharSet = 'UTF-8';
    $mail->isHTML(true);                                  // Set email format to HTML
    $Country = $_POST["Country"];
    $mail->Body = "BLABLA "; //end email body




    $mail->AddAddress($to);
//send the message, check for errors
    if (!$mail->send()) { //Message not sent
        //echo "Mailer Error: " . $mail->ErrorInfo;
        $responce = array(
            'message' => $mail->ErrorInfo,
            'success' => FALSE,
        );
        echo json_encode($responce);
    } else {//Message sent!
        $msg = "Well done $from_name, your message has been sent!\nWe will reply to the following email: $from"
                . "<br>Your Message: $body";
        $responce = array(
            'message' => $msg,
            'success' => TRUE,
        );
        echo json_encode($responce);
    }
}

Change your JS code like this

var form = $('#contact');
    form.submit(function(event) {
      event.preventDefault();
      var complete = $('#formAppend');
      var $form = $(this);
      var name = $("#fname").val();
      var email = $("#email").val();
      var Message = $("#msg").val();
      var countryoption = $("#country").val();
      $.ajax({
          type: 'POST',
          url: '../sendemail.php',
          data: {
            Name: name,
            Email: email,
            message: Message,
            Country: countryoption
          },
          beforeSend: function() {
            complete.html('Message is Sending...').fadeIn();
          }
        })
        .done(function(data) {
            var response=JSON.parse(data); 
            if(response.success == true) {
                //return true
                complete.html("Message Sent");
                // if you want show Response message which get form sendemail.php
                complete.html(data.message);
            } else {
                //return false
                complete.html("Message Not Sent!");
                // if you want show Response message which get form sendemail.php
                complete.html(data.message)
            }
//This should change depending on the php if statement at the bottom.

        });
    }); //end contact form

hey your code is too large can you shorten it to the essential parts? JavaScript is .done function and php the if statements.

Bugs · Accepted Answer · 2017-08-01 13:43:06Z

0

Change the end of your PHP to:

header("Content-type:application/json"); 
$message = "Well done ".$from_name.", your message has been sent!<br/>We will reply to the following email:".$from."<br>Your Message: ".$body;
if (!$mail->send()) {     
  echo '{"error":"'.$mail->ErrorInfo.'"}';
} else {
  echo '{"success":"'.json_encode($message).'"}';
}

Then you can do this in the .done:

.done(function(data) {
    if (data.error) { 
     complete.html(data.error).addClass("error"); 
    }
    else  
      complete.html(JSON.parse(data.success));
    }
});

edited Aug 1, 2017 at 13:43

Bugs

4,4799 gold badges34 silver badges41 bronze badges

answered Aug 1, 2017 at 13:10

mplungjan

180k29 gold badges183 silver badges246 bronze badges

14 Comments

mplungjan Over a year ago

Sure - same way I did in success

user7038047 Over a year ago

I have tried to copy paste your code but i can only see the text in console. Nothing appears in the div. I have also tried to replace complete.html with alert but nothing happens

mplungjan Over a year ago

Any errors in the console? I need to leave my computer for a while now

user7038047 Over a year ago

here is the form on the right : tsigaradiko.com/mpoliasma/treegrafting/blog/blog.php

user7038047 Over a year ago

In the console i get: {"error":"SMTP connect() failed. https://github.com/PHPMailer/PHPMailer/wiki/Troubleshooting"}

|

Collectives™ on Stack Overflow

Detect PHP Mailer error and print the message in the website using jquery

2 Answers 2

1 Comment

14 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

14 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related