在表单提交时关闭Bootstrap模式

拉拉

我有一个包含表单的Bootstrap模式对话框。模态对话框包含一个提交和一个取消按钮。现在,submit单击按钮即可成功提交表单,但是模式对话框没有关闭。这是我的HTML:

<div class="modal fade" id="StudentModal" tabindex="-1" role="dialog" aria-labelledby="StudentModalLabel" aria-hidden="true" data-backdrop="static">
   <div class="modal-dialog">
      <div class="modal-content">
         <form action="~/GetStudent" class="form-horizontal" role="form" method="post" id="frmStudent">
            <div class="modal-footer">
               <div class="pull-right">
                  <button type="submit" class="btn btn-success"><i class="glyphicon glyphicon-ok"></i> Save</button>
                  <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="glyphicon glyphicon-remove"></i> Close</button>
               </div>
            </div>
         </form>
      </div>
   </div>

有人知道该怎么做吗?

穆罕默德·法哈德|

使用该代码

 $('#button').submit(function(e) {
    e.preventDefault();
    // Coding
    $('#IDModal').modal('toggle'); //or  $('#IDModal').modal('hide');
    return false;
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在提交表单时关闭包含表单的 Bootstrap 模式?

来自分类Dev

防止引导模式窗口在表单提交时关闭

来自分类Dev

Bootstrap表单提交和模式

来自分类Dev

以Bootstrap模式提交Django表单

来自分类Dev

单击表单上的“提交”关闭模式窗口

来自分类Dev

Bootstrap模式表单提交不起作用

来自分类Dev

按下Enter键时,Bootstrap 3模态已关闭,但未提交表单

来自分类Dev

Bootstrap模式会在页面加载时自动打开,但是如果提交表单则如何禁用

来自分类Dev

Rails + Bootstrap + AJAX:提交表单后,表单停止显示的模式

来自分类Dev

提交表单时出错(php和bootstrap)

来自分类Dev

React Bootstrap在提交时从表单获取价值

来自分类Dev

Bootstrap模式关闭时,专注于输入

来自分类Dev

在按Enter键时Bootstrap模式关闭

来自分类Dev

提交后,Bootstrap模式窗体不会关闭

来自分类Dev

在Bootstrap中以编程方式关闭模式对话框,并在提交时显示另一页

来自分类Dev

Bootstrap 模式数据关闭按钮正在发布表单

来自分类Dev

带有取消和提交按钮的Bootstrap模式弹出表单,无论单击哪个按钮提交表单

来自分类Dev

以引导模式提交表单

来自分类Dev

jQuery / ajax表单提交不能与多种表单一起使用+模式不能关闭

来自分类Dev

提交表单时无法使用模式窗口进行确认

来自分类Dev

如何在提交表单时显示引导模式?

来自分类Dev

关闭模式表单时如何删除AJAX验证错误

来自分类Dev

BootStrap Django Jquery Modal在Ajax调用提交时未关闭

来自分类Dev

Bootstrap阻止表单提交

来自分类Dev

验证失败时,Bootstrap表单不会取消提交

来自分类Dev

如何在关闭Bootstrap 3模式时重新加载页面

来自分类Dev

Bootstrap模式关闭时,Youtube视频仍在播放

来自分类Dev

当关注文本区域时,Bootstrap模式关闭

来自分类Dev

热门提交以模式加载的表单?

Related 相关文章

  1. 1

    如何在提交表单时关闭包含表单的 Bootstrap 模式?

  2. 2

    防止引导模式窗口在表单提交时关闭

  3. 3

    Bootstrap表单提交和模式

  4. 4

    以Bootstrap模式提交Django表单

  5. 5

    单击表单上的“提交”关闭模式窗口

  6. 6

    Bootstrap模式表单提交不起作用

  7. 7

    按下Enter键时,Bootstrap 3模态已关闭,但未提交表单

  8. 8

    Bootstrap模式会在页面加载时自动打开,但是如果提交表单则如何禁用

  9. 9

    Rails + Bootstrap + AJAX:提交表单后,表单停止显示的模式

  10. 10

    提交表单时出错(php和bootstrap)

  11. 11

    React Bootstrap在提交时从表单获取价值

  12. 12

    Bootstrap模式关闭时,专注于输入

  13. 13

    在按Enter键时Bootstrap模式关闭

  14. 14

    提交后,Bootstrap模式窗体不会关闭

  15. 15

    在Bootstrap中以编程方式关闭模式对话框,并在提交时显示另一页

  16. 16

    Bootstrap 模式数据关闭按钮正在发布表单

  17. 17

    带有取消和提交按钮的Bootstrap模式弹出表单,无论单击哪个按钮提交表单

  18. 18

    以引导模式提交表单

  19. 19

    jQuery / ajax表单提交不能与多种表单一起使用+模式不能关闭

  20. 20

    提交表单时无法使用模式窗口进行确认

  21. 21

    如何在提交表单时显示引导模式?

  22. 22

    关闭模式表单时如何删除AJAX验证错误

  23. 23

    BootStrap Django Jquery Modal在Ajax调用提交时未关闭

  24. 24

    Bootstrap阻止表单提交

  25. 25

    验证失败时,Bootstrap表单不会取消提交

  26. 26

    如何在关闭Bootstrap 3模式时重新加载页面

  27. 27

    Bootstrap模式关闭时,Youtube视频仍在播放

  28. 28

    当关注文本区域时,Bootstrap模式关闭

  29. 29

    热门提交以模式加载的表单?

热门标签

归档