Bootstrap刷新提交页面

埃隆

我尝试使用Bootstrap创建注册表单,但仍然遇到以下问题:单击“提交”按钮后页面刷新,它将无法打开PHP文件并将用户名插入数据库。

这是代码:

<?php

?>


<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Memory Line - Sign Up Page</title>

        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
        <link rel="stylesheet" href="../bootstrap/css/bootstrap-responsive.css">
    </head>
    <body>
        <script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
        <script src="../bootstrap/js/bootstrap.js"></script>
        <script src="js/sign_up_js.js"></script>
        <script src="js/main.js"></script>
        <script src="js/ajax.js"></script>




        <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-th-list"></span>
                    </a>
                    <a href="#" class="brand">Memory Line</a>
                    <div class="nav-collapse collapse">
                        <ul class="nav pull-right" >
                            <li class="active"><a href="#">Home</a></li>
                            <li class="divider-vertical"></li>
                            <li><a href="#">About Us</a></li>
                            <li class="divider-vertical"></li>
                            <li><a href="#">Contact</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div> <!--top navbar-->



        <div class="row-fluid">
            <div class="span4">
                <div class="well well-large">
                    <form>
                        <fieldset>
                            <h2>Login!</h2>
                            <input type="text" class="input-block-level" placeholder="Username"> <!--username-->
                            <input type="text" class="input-block-level" placeholder="Password"> <!--password-->
                            <button id="sumbit_btn" class="btn btn-primary" type="submit"  >Sumbit</button> <!--login btn-->
                        </fieldset>
                    </form>
                </div>
            </div> <!--login form-->


            <div class="span8">
                <div class="well well-large">
                    <h2>Sign Up!</h2>
                    <form>
                        <fieldset> 
                            <form method="post" action="php_icludes/sign_php.php" >


                                    <input type="text" class="input-block-level" placeholder="Username" name="username" maxlength="16">

                                    <input type="submit" value="submit" />

                            </form>
                        </fieldset>
                    </form>
                </div>
            </div>
        </div>



    </body>
</html>

这是将数据插入数据库的PHP文件:

    <?php
include_once("db_conx.php");

/* Now, we select the database */
mysql_select_db("Database Name");

$u = preg_replace('#[^a-z0-9]#i', '', $_POST['username']);

$sql = "INSERT INTO users (username) VALUES('$u')";
        $query = mysqli_query($db_conx, $sql); 

if($query)
{ echo "Registration Succesfull"; }
else
{ echo "error in registration".mysql_error(); }


?>
杰弗里

您似乎在表单操作网址中有错字。

php_icludes/sign_php.php

我猜应该是:

php_includes/sign_php.php

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

提交表单后刷新表单页面?

来自分类Dev

表单提交到_blank后,如何刷新表单页面?

来自分类Dev

提交单选按钮值而不刷新页面

来自分类Dev

如何停止刷新页面中的表单提交按钮?

来自分类Dev

提交表单而不刷新页面ajax,php,javascript?

来自分类Dev

验证并提交表单,而无需刷新页面

来自分类Dev

MVC 5阻止表单提交时刷新页面

来自分类Dev

表单提交刷新页面上的jQuery

来自分类Dev

表单在页面刷新时提交

来自分类Dev

为什么我的表单提交仍然刷新页面?

来自分类Dev

APEX:提交而不刷新页面

来自分类Dev

如何阻止页面在提交表单时刷新?

来自分类Dev

在React中阻止提交时刷新页面

来自分类Dev

无需页面刷新和提交按钮即可上传图像

来自分类Dev

页面在后续提交时刷新

来自分类Dev

单击Bootstrap Modal时,页面保持刷新

来自分类Dev

php ajax表单提交而无需刷新父页面

来自分类Dev

在刷新jsp页面上再次提交

来自分类Dev

在刷新页面时停止重新提交数据,PHP

来自分类Dev

PHP:无效表单提交时刷新页面

来自分类Dev

在提交时更新DIV,而无需刷新页面

来自分类Dev

提交表格后刷新页面

来自分类Dev

提交刷新页面中的jQuery

来自分类Dev

提交操作而不刷新或重定向页面

来自分类Dev

Bootstrap Modal刷新Web表单中的页面

来自分类Dev

表单在页面刷新时提交

来自分类Dev

提交无需页面刷新php的ajax表单

来自分类Dev

表单提交后停止页面刷新

来自分类Dev

提交表单而不刷新页面