Bootstrap模式 - 提交表单后不要关闭

时间:2014-02-07 08:27:04

标签: php html forms twitter-bootstrap

我有一个Bootstrap模板,无论如何我在我的页面上创建一个模式[popup],用户可以在其中提交表单。虽然表单工作正常,但在我的PHP代码上,我提交后,它会有一个消息,如果它有用,它会显示一条消息,例如'你的消息已被发布'或者如果是错误则会显示错误。

但不幸的是,一旦我点击“发布”#39;它发布了,但是当我点击“打开模态”时按钮再次显示模式弹出窗口,它显示消息,然后说它已提交,这意味着我无法再次发布而无需重新加载页面。

如何在不关闭模态的情况下使其显示消息,并且当我关闭时,然后将其打开[不重新加载]它将返回到我的表单而不是留言。

感谢。

我的代码:[可能不完全正确,因为我删除了一些不需要的东西]

<?php
echo '
         <div style="float:left;margin-top:-51px;margin-left:141px;">   <!-- Button trigger modal -->
<button class="btn btn-primary btn-sml" data-toggle="modal" data-target="#myModal">
  Send private message
</button>



<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Send a message to '.$row["username"].'</h4>
      </div>
      <div class="modal-body"> ';
        if($_POST[add2]){

                                $subject = strip_tags($_POST['title']);
                                $content = $_POST['content'];
                                $date = date("F jS, Y g:i a");
                                $receiver = $row["id"];
                                $sender = $member["id"];

                                if(!$content){
                                    echo 'All fields are required';
                                }else{

                                $sql = $dbh->prepare("INSERT INTO `inbox` (`receiver`, `sender`, `subject`, `content`, `date`, `status`) VALUES ('$receiver', '$sender', '$subject', '$content', '$date', 'unread')");
                                $sql->execute();
                                $q = $sql->fetch(PDO::FETCH_ASSOC);

                                    if($sql){
                                        echo '<center>Message sent!</center>';
                                    }else{
                                        echo '<strong>Error:</strong> '.mysql_error();
                                    }
                                }
                            }else{
                                echo '
                                <div style="overflow:auto;"><form method="post">


                                        <div style="float:left;width:550px;">Subject<br>
                                        <input type="text" name="title" id="title" class="form-control" value="" size="50" maxlength="40">
                                        <br>Message<br>
                                        <textarea style="height:85px;max-width: 550px;" class="form-control" name="content" placeholder="Enter your message here..." ></textarea></div>





                                <br><hr></div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
       <input type="submit" style="margin-left:10px;" class="btn btn-primary" name="add2" value="Post">
        </form>
        </div> '; }

?>

0 个答案:

没有答案