Question

我正在使用Twitter Bootstrap模式作为登录窗口，如果用户输入错误的登录信息，我希望它保持打开状态。提交表单后我的页面刷新了。刷新页面模式再次打开后我有一个方法，我在那里显示登录失败的消息：请再试一次。

Answer 1

这种情况当然是可能的，但甚至没有必要。您应该使用preventDefault来阻止表单提交页面。也就是说，如果你使用AJAX，它看起来是最适合它的地方。

一个例子是

$(function () {
    var frm = $('#form');
    frm.submit(function (ev) {
        $.ajax({
            type: frm.attr('method'),
            url: frm.attr('action'),
            data: frm.serialize(),
            success: function (data) {
            alert('ok');
            }
        });
    ev.preventDefault();
    });
});

Answer 2

回发后发生错误时，您必须触发模态。

您可以让服务器打印出一些javascript，以便在错误情况下仅在回发后触发模式。你没有提到你正在使用的服务器端技术，所以这里有一些伪服务器端代码：

if (hasAuthenticationErrors) 
     <script type="text/javascript">
         $('#myModal').modal('show');
     </script>
end if

在使用show：false选项初始化模态后，必须渲染一点javascript

$('#myModal').modal({ show: false})

请参阅：How can I trigger a Bootstrap modal programmatically?

保持Bootstrap模式在页面刷新时打开

2 个答案: