Twitter bootstrap 3 页面刷新时保持引导模式打开

Twitter bootstrap 3 页面刷新时保持引导模式打开,twitter-bootstrap-3,Twitter Bootstrap 3,我使用Twitter引导模式作为登录窗口,如果用户输入错误的登录信息,我希望它保持打开状态。提交表单后,我的页面刷新。是否有办法在刷新页面后再次打开,并显示登录失败的消息:请重试。这种情况当然是可能的,但甚至没有必要。您应该使用以阻止表单提交页面。也就是说,如果您使用AJAX,它看起来是一个完美的地方 例如 $(function () { var frm = $('#form'); frm.submit(function (ev) { $.ajax({

我使用Twitter引导模式作为登录窗口,如果用户输入错误的登录信息,我希望它保持打开状态。提交表单后,我的页面刷新。是否有办法在刷新页面后再次打开,并显示登录失败的消息:请重试。

这种情况当然是可能的,但甚至没有必要。您应该使用以阻止表单提交页面。也就是说,如果您使用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();
    });
});

回发后出现错误时,必须触发模式

您可以让服务器打印出一些javascript,以便仅在出现错误的情况下在回发后触发模式。您没有提到正在使用的服务器端技术,因此下面是一些psuedo服务器端代码:

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

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