javascript - 显示注册模式窗口然后立即登录模式

Question

我有一个带有注册或登录选项的导航栏。一旦点击其中任何一个，它将使用 Bootstrap 显示一个模式窗口。我想要做的是，当用户完成加入模式窗口(按下提交按钮并将数据提交给 Controller )​​时，我想立即显示登录模式窗口。显示我的想法是在将表单数据提交给 Controller 时。 Controller 将以等于“加入、登录、无”的显示类型进行响应并重新包含该页面。在页面中，它将检查显示类型是什么，如果显示类型是注册，它将调用 show_join_modal() 函数，如果显示类型是登录，它将调用 show_signin_modal() 函数。

我使用 JQuery 的想法是这样的，这是 startpage.php 中的代码

<script>
    <?php
            if (isset($display_type))
                if ($display_type == 'signin')
                    echo 'show_signin_modal();';
                else if ($display_type == 'join')
                    echo 'show_join_modal();';
                else
                    ;
    ?>

    function show_signin_modal() {          
        $("#signinModal").modal("show");                    
    }       
    function show_join_modal() {            
        $("#joinModal").modal("show");
    }
    function hide_all_modal() {
        $("#joinModal").modal("hide");
        $("#signinModal").modal("hide");
    }       


</script>

    <div class="container">
    <div class="modal fade" id="joinModal" role="dialog">
        <div class="modal-dialog modal-dialog-centered">        
            <div class="modal-content">         
                <div class="modal-body">
                    <form class="form-horizontal" method="post" action="controller.php">
                        <input type='hidden' name='page' value='StartPage'></input>
                        <input type='hidden' name='command' value='Join'></input>
                        <h1>Register</h1>
                        <div class="form-group">
                            <label class="control-label col-sm-2" for="username"> Username</label>
                            <div class="col-sm-10"> 
                                <input type="text" name="username" placeholder="Enter username.." required>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="control-label col-sm-2" for="password" required> Password</label>
                            <div class="col-sm-10"> 
                                <input name="password" type="password" placeholder="Enter password..">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="control-label col-sm-2" for="email" required> Email</label>
                            <div class="col-sm-10"> 
                                <input type="email"  name="email" placeholder="Enter email..">
                            </div>
                        </div>

                        <div class="form-group">        
                            <div class="col-sm-offset-2 col-sm-10">
                                <button type="submit" class="btn btn-default">Submit</button>
                                <button type="cancel" class="btn btn-default" data-dismiss="modal">Cancel</button>
                            </div>
                        </div>                      
                    </form>                 
                </div>          
            </div>
        </div>
    </div>
</div>

<div class="container">
    <div class="modal fade" id="signinModal" role="dialog">
        <div class="modal-dialog modal-dialog-centered">        
            <div class="modal-content">         
                <div class="modal-body">
                    <form class="form-horizontal" method="post" action="controller.php">
                        <input type='hidden' name='page' value='StartPage'></input>
                        <input type='hidden' name='command' value='SignIn'></input>
                        <h1>Login</h1>
                        <div class="form-group">
                            <label class="control-label col-sm-2" for="username"> Username</label>
                            <div class="col-sm-10"> 
                                <input type="text" name="username" placeholder="Enter username.." required>
                                <?php if (!empty($error_msg_username)) echo $error_msg_username; ?>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="control-label col-sm-2" for="password"> Password</label>
                            <div class="col-sm-10"> 
                                <input name="password" type="text" placeholder="Enter password.." required>
                                <?php if (!empty($error_msg_username)) echo $error_msg_username; ?>
                            </div>
                        </div>  

                        <div class="form-group">        
                            <div class="col-sm-offset-2 col-sm-10">
                                <button type="submit" class="btn btn-default">Submit</button>
                                <button type="cancel" class="btn btn-default" data-dismiss="modal">Cancel</button>
                            </div>
                        </div>                      
                    </form>                 
                </div>          
            </div>
        </div>
    </div>
</div>

但是，我无法让它工作。

任何想法。任何示例代码？提前致谢!

Answer 1

将此代码替换为 Controller 上的当前代码。

<script>


    function show_login_modal() {           
        $("#loginModal").modal("show");                 
    }       
    function show_signup_modal() {          
        $("#signupModal").modal("show");
    }
    function hide_all_modal() {
        $("#signupModal").modal("hide");
        $("#loginModal").modal("hide");
    }       


</script>
    <?php
            if (isset($display_type))
                if ($display_type == 'signin')
                    echo '<script type="text/javascript">show_signin_modal();</script>';
                else if ($display_type == 'join')
                    echo '<script type="text/javascript">show_join_modal();</script>';


//echo 'show_join_modal();';
                else
                    ;
    ?>