Bootstrap模态

问题描述 投票:-1回答:2

问题是,每当我尝试回应我从引导模式中的PHP代码的联系表单中获得的变量时,它们就不会出现。这是代码:

Contact

        <form class="contact-form" action="" method="post">

            <input type="text" name="name" placeholder="Name" value="<?php echo $name; ?>"></br>
            <span class="error"><?php echo $nameErr; ?></span></br></br>


            <input type="text" name="mail" placeholder="E-mail" value="<?php echo $mail; ?>"></br>
            <span class="error"><?php echo $mailErr; ?></span></br></br>


            <textarea name="message" placeholder="Message" value="<?php echo $message; ?>" ></textarea></br>
            <span class="error"><?php echo $messageErr; ?></span></br></br>
            <button formtarget="_blank" data-toggle="modal" data-target="#myModal" class="btn btn-primary" type="submit" name="submit">Send</button></br>
        </form>
        <div class="modal fade" id="myModal" role="dialog">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 style="color:black;" class="modal-title">Message</h4>
                    </div>
                    <div class="modal-body">
                        <p style="color:black;">
                            <?php
                            echo "<h2>Your Input:</h2>";
                            echo $name;
                            echo "<br>";
                            echo $mail;
                            echo "<br>";
                            echo "<br>";
                            echo $message;
                            ?>
                        </p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>

////随机文本,以避免网站错误,对不起aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa这里是PHP代码:

<?php
    $nameErr = $mailErr = $messageErr = "";
    $name = $mail = $message = "";

    if ($_SERVER["REQUEST_METHOD"] == "POST") {
        if (empty($_POST["name"])) {
            $nameErr = "*Name is required";
        } else {
            $name = check($_POST["name"]);
            if (!preg_match("/^[a-zA-Z ]*$/", $name)) {
                $nameErr = "*Only letters and white spaces allowed";
            }
        }
        if (empty($_POST["mail"])) {
            $mailErr = "*E-mail is required";
        } else {
            $mail = check($_POST["mail"]);
            if (!filter_var($mail, FILTER_VALIDATE_EMAIL)) {
                $mailErr = "*Invalid E-mail format";
            }
        }
        if (empty($_POST["message"])) {
            $messageErr = "*Message is required";
        } else {
            $message = check($_POST["message"]);
        }
    }

    function check($data) {
        $data = trim($data);
        $data = stripslashes($data);
        $data = htmlspecialchars($data);
        return $data;
    }
    ?>
php html bootstrap-modal
2个回答
0
投票

尝试添加

   <div class="modal-content" role="document">
   ...
  </div>

0
投票

谷歌搜索“在bootstrap模式中显示动态内容”

© www.soinside.com 2019 - 2024. All rights reserved.