Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/236.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
仅使用PHP提交表单而不更改选项卡窗格_Php_Html_Ajax_Forms - Fatal编程技术网

仅使用PHP提交表单而不更改选项卡窗格

仅使用PHP提交表单而不更改选项卡窗格,php,html,ajax,forms,Php,Html,Ajax,Forms,我使用的是Bootstrap4,我创建了一个两个窗格的表单;登记和签到表格 我知道使用AJAX更适合于这样的情况,即它不会使页面刷新,但是,我想问的是,是否有任何方法可以实现页面只使用PHP刷新和预览同一窗格 在代码中使用PHP。当我在注册窗格(右侧的窗格)中提交表单时,页面是否会刷新并保持在同一窗格中 <!-- Tabs --> <nav class="register-nav"> <div class="nav nav-

我使用的是Bootstrap4,我创建了一个两个窗格的表单;登记和签到表格

我知道使用AJAX更适合于这样的情况,即它不会使页面刷新,但是,我想问的是,是否有任何方法可以实现页面只使用PHP刷新和预览同一窗格

在代码中使用PHP。当我在注册窗格(右侧的窗格)中提交表单时,页面是否会刷新并保持在同一窗格中

<!-- Tabs -->
        <nav class="register-nav">
            <div class="nav nav-tabs nav-justified" id="nav-tab" role="tablist">
                <a class="nav-item nav-link active" id="nav-signin-tab" data-toggle="tab" href="#nav-signin" role="tab">Sign in</a>
                <a class="nav-item nav-link" id="nav-signup-tab" data-toggle="tab" href="#nav-signup" role="tab">Create New Account</a>
            </div>
        </nav>
        <!-- Content of Tabs -->
        <div class="tab-content" id="nav-tabContent">
            <!-- Sign in Tab Pane -->
            <div class="tab-pane fade show active" id="nav-signin" role="tabpanel">
                <form action="" method="POST">
                    <div class="form-group">
                        <div class="row">
                            <div class="col-sm-6">
                                <a class="btn btn-block btn-social btn-facebook">
                                    <span class="fa fa-facebook"></span> Sign in with Facebook
                                </a>
                            </div>
                            <div class="col-sm-6">
                                <a class="btn btn-block btn-social btn-google">
                                    <span class="fa fa-google"></span> Sign in with Google
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Username / Email Address">
                    </div>
                    <div class="form-group">
                        <input type="password" class="form-control" placeholder="Password">
                    </div>
                    <div class="form-group text-center mt-5">
                        <input type="submit" class="btn btn-outline-info" value="Sign in">
                    </div>
                </form>
            </div>
            <!-- Sign Up Tab Pane -->
            <div class="tab-pane fade" id="nav-signup" role="tabpanel">
                <form action="" method="POST">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="First name" required>
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Last name" required>
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Username" required>
                    </div>
                    <div class="form-group">
                        <input type="email" class="form-control" placeholder="Email Address" required>
                    </div>
                    <div class="form-group">
                        <input type="password" class="form-control" placeholder="Password" required>
                    </div>
                    <div class="form-group">
                        <input type="password" class="form-control" placeholder="Confirm Password" required>
                    </div>
                    <div class="form-check">
                        <input type="checkbox" class="form-check-input" required>
                        <label class="form-check-label">By registering to
                            <a href="index.html">velocity</a>, you agree to its
                            <a href="terms.html">terms and conditions</a>
                        </label>
                    </div>
                    <div class="form-group text-center mt-5">
                        <input id="register-btn" type="submit" class="btn btn-outline-success" value="Register" disabled>
                    </div>
                </form>
            </div>
        </div>

,你同意它吗

添加一个隐藏输入,其值指示应打开哪个窗格。生成表单(使用Php)时,根据$\u POST数组中的该值确定哪个窗格获得活动类,这实际上不是Php的事情,但您可以使用Php操纵HTML将活动类移动到另一个选项卡

<?php
$signinTabIsActive = "active";
$signupTabIsActive = "";

if(isset($_POST['firstname'])){
   $signinTabIsActive = "";
   $signupTabIsActive = "active";
?>

<!-- Tabs -->
    <nav class="register-nav">
        <div class="nav nav-tabs nav-justified" id="nav-tab" role="tablist">
            <a class="nav-item nav-link <?= $signinTabIsActive; ?>" id="nav-signin-tab" data-toggle="tab" href="#nav-signin" role="tab">Sign in</a>
            <a class="nav-item nav-link <?= $signupTabIsActive; ?>" id="nav-signup-tab" data-toggle="tab" href="#nav-signup" role="tab">Create New Account</a>
        </div>
    </nav>


我听不清楚。是否尝试在不刷新页面的情况下提交?@Ibu否。我希望在刷新页面的情况下提交表单,但不将窗格更改为始终位于左侧的窗格。它会将
.active
移动到所选窗格,但它只在左边显示窗格。@Tes3awy他的意思是对窗格做完全相同的事情。添加相同的
$signitabisactive
变量