как отобразить сообщение об успехе / ошибке чуть выше контактной формы с помощью bootstrap оповещения - PullRequest
Новая
       8

как отобразить сообщение об успехе / ошибке чуть выше контактной формы с помощью bootstrap оповещения

0 голосов
/ 06 января 2020

Вот мой php код. Письма доставлены успешно. Все, что я хочу сделать, это отобразить сообщение об ошибке или об ошибке чуть выше контактной формы. 

    <?php

use PHPMailer\PHPMailer\PHPMailer;
use PHPMailer\PHPMailer\Exception;

$mes = "";
if(isset($_POST['submit'])){
require 'vendor/autoload.php';


$mail = new PHPMailer(true);
try {

    // $mail->SMTPDebug = 2;                                 
    $mail->isSMTP();                                
    $mail->Host = '';  
    $mail->SMTPAuth = true;                               
    $mail->Username = '';               
    $mail->Password = '';                           
    // $mail->SMTPSecure = 'tls';                         
    $mail->Port = 25;                                  


    $mail->setFrom($_POST['email'],$_POST['name']);
    $mail->addAddress('', '');   

    $mail->addReplyTo($_POST['email'],$_POST['name']);



    $mail->isHTML(true);                               
    $mail->Subject = 'Here is the subject';
    $mail->Body    = 'This is the HTML message body <b>in bold!</b>';
    $mail->AltBody = 'This is the body in plain text for non-HTML mail clients';

    $mail->send();


    $mes = "<div class='alert alert-success'>Thank You! I will be in touch</div>";
} catch (Exception $e) {
    $mes = "<div class='alert alert-danger'>Sorry there was an error sending your message. Please try again later</div>";
    echo 'Mailer Error: ' . $mail->ErrorInfo;
}

}

Вот моя форма HTML. PHP код находится в папке контроллера. Сообщение также отображается. Я просто хочу перенаправить и отобразить сообщение на той же странице. Мне нужно javascript? 

<div class="row">
                    <?php 

                    if(isset($mes)){

                        echo "$mes";
                    }

                    ?>
                    <form action="ADMIN/controller/mail_send.php" method="POST" id="contact-form" class="contact-form">

                        <div class="row">
                            <div class="col-md-6 col-sm-6">
                                <div class="form-group">
                                    <input style="background-color:rgba(0, 0, 0, 0);" type="text" class="form-control" name="name" autocomplete="on" id="name" placeholder="Name">
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6">
                                <div class="form-group">
                                    <input style="background-color:rgba(0, 0, 0, 0);" type="email" class="form-control" name="email" autocomplete="on" id="email" placeholder="E-mail">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                             <div class="col-md-12 col-sm-12">
                                <div class="form-group">
                                    <input style="background-color:rgba(0, 0, 0, 0);" type="text" class="form-control" name="subject" autocomplete="on" id="name" placeholder="Subject">
                                </div>
                            </div>
                            <div class="col-md-12 col-sm-12">
                                <div class="form-group">
                                    <textarea style="background-color:rgba(0, 0, 0, 0);" class="form-control textarea" rows="3" name="Message" id="message" placeholder="Message"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="row" style="margin-bottom: 20px;">
                            <div class="col-md-12 col-sm-12">
                                <button type="submit" name="submit"  class="btn main-btn pull-right">Send a message <span class="glyphicon glyphicon-send" id="send_image"></span></button>
                            </div>
                        </div>
...