Question

我有一个模态，我需要使用敲除验证验证一些输入。单击提交按钮时，将调用一个验证数据的函数。预计将具有以下功能：

如果验证失败，模态将保持打开状态并显示验证原因。
如果验证成功，我想关闭模态。

如何在我的函数中关闭模态？

Answer 1

到目前为止你尝试了什么？

根据Bootstrap文档

$('#myModal').modal('hide')

请仔细阅读文档！
http://getbootstrap.com/javascript/#modals

Answer 2

制作另一个按钮

<button type="button" class="btn btn-warning btn-lg shiny" data-dismiss="modal" aria-hidden="true">Cancel</button>

此按钮包含data-dismiss =“modal”。如果需要，您可以隐藏此按钮。

现在您可以自定义方式使用任何其他功能，当您想要隐藏模式时，您可以调用

$(".btn-warning").click();

Answer 3

这只会隐藏模态

$('#modalId').modal('hide');

但其他与模式相关的内容不会删除。

要完全删除网页及其CSS中的模式

$('#modalId').modal('hide'); or $('#modalId').modal('toggle');
$('body').removeClass('modal-open');
$('body').css('padding-right', '0px');
$('.modal-backdrop').remove();

Answer 4

上面没有对我有用，稍微修改一下，为按钮添加一个id并以这种方式引用它。我只是使用了已经在我的模态表单上的取消按钮并添加了id =＆＃34; cancel-btn＆＃34;那个。

<button type="button" class="btn btn-ar btn-default" id="cancel-btn" data-dismiss="modal">  

$('#cancel-btn').click();

Data-Dismiss：如何解除函数内部的bootstrap模态

4 个答案: