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