Question

如何在单击“提交”按钮后保持引导模式处于活动状态。在我的情况下，单击提交按钮后，它刷新页面，以便关闭模式。在我的模态形式中，我有一个文本框，当您单击提交时，它将保存数据库中的数据。现在我有一个PHP代码检查文本框，如果它们为空它将显示/说出错误，如果不是空，它将说成功。在此先感谢谁将提供帮助。这是我的代码

<div class="modal fade" id="addtopic" role="dialog">
    <div class="modal-dialog">

        <div class="modal-content">
                <div class="modal-header">
                    <h4>Add Topic</h4>
                </div>
                <form method="POST" action="index.php" role="form" id="saveform">
                <div class="modal-body">

                          <div class="form-group">
                            <label for="cCategory">Category</label>
                            <input type="text" class="form-control" id="cCategory" name="category" value="<?php if (!empty($categ)) { echo $categ; }  ?>">
                          </div>        

                        <div class="form-group">
                            <label for="cTitle">Title</label>
                            <input type="text" class="form-control" id="cTitle" name="topicTitle" value="<?php if (!empty($topicTitle)) { echo $topicTitle; }  ?>">
                          </div>

                          <div class="form-group">
                            <label for="cDesc">Description</label>
                            <textarea class="form-control custom-control" rows="3" style="resize:none" name="desc" value="<?php if (!empty($desc)) { echo $desc; }  ?>"> </textarea>
                          </div>

                          <div class="form-group">
                            <label for="cDesc">Created By</label>
                            <input type="text" class="form-control" id="cDesc" name="createdby" value="<?php if (!empty($created)) { echo $created; }  ?>">
                          </div>
                </div>
                <div class="modal-footer">

                                    if($insert = $db->query("
                                     INSERT INTO pncontent (category, title, description, createdby, dateadded)
                                     VALUES ('$categ', '$topicTitle', '$desc', '$created', NOW() )
                                    ")) {
                                        echo "<p class='pull-left'> Topic Save! </p>";
                                    }else {
                                        echo "<p class='pull-left'>Failed to Save</p>";

                                            die($db->error);

                                    }

                                }else {
                                    echo "<p class='pull-left'>All Fields are required</p>";
                                            $desc = $_POST['desc'];
                                            $categ = $_POST['category'];
                                            $topicTitle = $_POST['topicTitle'];
                                            $created = $_POST['createdby'];
                                }

                            }
?>                  
                <button type="submit" name="Sbt" class="btn btn-primary" >Save changes</button>
                  <button data-dismiss="modal"  class="btn btn-danger">Close</button>           
            </div>
            </form>
        </div>
    </div>
</div>

Answer 1

你回来的地方

 echo "<p class='pull-left'>All Fields are required</p>";

添加此代码以打开页面加载时的模态。

<script type="text/javascript">
    $(window).load(function(){
       $('#addtopic').modal('show');
    });
</script>

保持bootstrap模态激活

1 个答案: