Question

我正在使用twitter bootstrap模态窗口。我使用jquery验证名称字段。当name字段为空时，我在模态中显示错误。如果name字段为空，我想显示错误，模态窗口不应该关闭。

<div class="modal-footer">
<a href="#" class="btn" data-dismiss="modal">Close</a>
<a href="#" class="btn btn-primary action_compute" data-dismiss="modal">Save changes</a>

$('.action_compute').click(function() {
  if($('#username').val() == ""){
    $(this).attr('data-dismiss', '');
    $('#show_error').show();
  }else {
    $(this).attr('data-dismiss', 'modal');
    $(this).parents('.modal').modal('hide');
  }
});

Answer 1

你可以尝试返回false来取消点击的默认行为（关闭模态），不需要删除属性。

$('.action_compute').click(function() {
    if($('#username').val() == ""){
        $('#show_error').show();
        return false;
    }
});

<强> Working fiddle

如果有无效的条目，如何避免关闭模态窗口？

1 个答案: