Javascript 如何使用引导警报在联系人表单上方显示提交成功/错误消息

这是我的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;
}

}

发送消息

您只需回显

$mes

。是否已将var传递到视图文件？@delboy1978uk消息也会显示。我只想在同一页上重定向并显示消息。任何

header（）

调用必须在任何输出之前进行，包括whitespace@delboy1978uk我不明白。我需要添加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>