Question

我在Jquery中创建了一个弹出登录表单。并且工作正常。但是当我点击提交按钮时，弹出窗口隐藏，当我再次打开登录弹出窗体时，会显示错误以显示wrong username and password这样的消息。如果出现错误消息，我希望弹出窗体保持打开状态。

$(function () {
    // Calling Login Form
    $("#login_form").click(function () {
        $(".social_login").hide();
        $(".user_login").show();
        return false;
    });

    // Calling Register Form
    $("#register_form").click(function () {
        $(".social_login").hide();
        $(".user_register").show();
        $(".header_title").text('Register');
        return false;
    });

    // Going back to Social Forms
    $(".back_btn").click(function () {
        $(".user_login").hide();
        $(".user_register").hide();
        $(".social_login").show();
        $(".header_title").text('Login');
        return false;
    });

})

Answer 1

<script type="text/javascript">
    $(document).ready(function(){
            <?php if ($error == 'true'): ?>
                $("#popup-login").modal('show');       
            <?php endif ?>
    });
</script>

在你的控制器中，在认证之后将错误标志设置为true，这样如果发生错误，模态将保持打开甚至页面刷新

单击“提交”时，Jquery登录弹出窗体已关闭

1 个答案: