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

Question

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

• 如果验证失败,则模态保持打开状态并显示验证原因.
• 如果验证成功,我想关闭模态.

如何在函数内部关闭模态？

Answer 1

你都尝试了些什么？

根据Bootstrap文档

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

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

Answer 2

以上对我不起作用，稍作修改以向按钮添加一个 id 并以这种方式引用它。我只是使用了我的模态表单中已经存在的取消按钮，并将 id="cancel-btn" 添加到该按钮中。

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

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

Answer 3

再做一个这样的按钮

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

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

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

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