ブートストラップログイン/登録フォーム - リダイレクト時に特定のフォームタブに移動する方法

Question

私はブートストラップログイン/登録フォームを使用しています。

https://bootsnipp.com/snippets/featured/login-and-register-tabbed-form

それはタブ付きの形式である：それはこの形式です。ユーザーが登録しようとすると、電子メールアドレスはphp経由でmysqlデータベースと照合されます。電子メールアドレスがすでに登録されている場合は、表示されるphp変数があります。問題は、登録フォームにリダイレクトされると、最初に表示されるのは[ログイン]タブです。したがって、ユーザーは登録タブをクリックしない限り、なぜ取り戻されたのかわかりません。その後、彼らは生成されたメッセージを見ることができます。どのように私はphpを使用してRegisterタブにリダイレクトできますか？

login-form-linkのclass = "active"をregister-form-linkに移動しようとしましたが、動作しませんでした。

これはリダイレクト後にphpで達成できますか、ログインページと登録ページを分けたほうが簡単ですか？

全コード：

<div class="container"> 
     <div class="row"> 
      <div class="col-md-6 col-md-offset-3"> 
       <div class="panel panel-login"> 
        <div class="panel-heading"> 
         <div class="row"> 
          <div class="col-xs-6"> 
           <a href="#" class="active" id="login-form-link">Login</a> 
          </div> 
          <div class="col-xs-6"> 
           <a href="#" id="register-form-link">Register</a> 
          </div> 
         </div> 
         <hr> 
        </div> 
        <div class="panel-body"> 
         <div class="row"> 
          <div class="col-lg-12"> 
           <form id="login-form" action="https://phpoll.com/login/process" method="post" role="form" style="display: block;"> 
            <div class="form-group"> 
             <input type="text" name="username" id="username" tabindex="1" class="form-control" placeholder="Username" value=""> 
            </div> 
            <div class="form-group"> 
             <input type="password" name="password" id="password" tabindex="2" class="form-control" placeholder="Password"> 
            </div> 
            <div class="form-group text-center"> 
             <input type="checkbox" tabindex="3" class="" name="remember" id="remember"> 
             <label for="remember"> Remember Me</label> 
            </div> 
            <div class="form-group"> 
             <div class="row"> 
              <div class="col-sm-6 col-sm-offset-3"> 
               <input type="submit" name="login-submit" id="login-submit" tabindex="4" class="form-control btn btn-login" value="Log In"> 
              </div> 
             </div> 
            </div> 
            <div class="form-group"> 
             <div class="row"> 
              <div class="col-lg-12"> 
               <div class="text-center"> 
                <a href="https://phpoll.com/recover" tabindex="5" class="forgot-password">Forgot Password?</a> 
               </div> 
              </div> 
             </div> 
            </div> 
           </form> 
           <form id="register-form" action="https://phpoll.com/register/process" method="post" role="form" style="display: none;"> 
            <div class="form-group"> 
             <input type="text" name="username" id="username" tabindex="1" class="form-control" placeholder="Username" value=""> 
            </div> 
            <div class="form-group"> 
             <input type="email" name="email" id="email" tabindex="1" class="form-control" placeholder="Email Address" value=""> 
            </div> 
            <div class="form-group"> 
             <input type="password" name="password" id="password" tabindex="2" class="form-control" placeholder="Password"> 
            </div> 
            <div class="form-group"> 
             <input type="password" name="confirm-password" id="confirm-password" tabindex="2" class="form-control" placeholder="Confirm Password"> 
            </div> 
            <div class="form-group"> 
             <div class="row"> 
              <div class="col-sm-6 col-sm-offset-3"> 
               <input type="submit" name="register-submit" id="register-submit" tabindex="4" class="form-control btn btn-register" value="Register Now"> 
              </div> 
             </div> 
            </div> 
           </form> 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 

Answer 1

さて、あなたのbootsnipにソースコードを見れば、そこに2つの形式があります。それぞれのインラインスタイルを編集することで、どちらが表示されているかを制御するjavascriptがあります。 style="display:none;"とstyle="display:block"

アクティブフォームを参照しているリンクのアクティブクラスではなく、これを変更する必要があります。または、コードを編集して両方を変更するとよいでしょう。それぞれのリンクをアクティブに設定し、表示しないブロックにdisplay: none;を設定し、表示するべきブロックにdisplay: block;を設定します。