Bootstrap 按钮在 Internet Explorer 中不起作用

Question

在面板头部区域的 bootstrap 面板上，我有一个按钮，可以点击表单 <button type="submit" form="form-user-group" class="btn btn-primary">Save</button>

在按钮中我使用 form="form-user-group" 然后在表单上我有 id <form id="form-user-group"></form>

它让我可以在 fire fox 上提交表单，并且 Google Chrome 但是我有 Internet Explorer 的问题将无法工作，无法获取表单="form-user-group"

如果我在表单旁边有按钮，它可以在 IE 上运行，但是当我在表单旁边有按钮时，它就不行了。我该如何修复它才能在 IE 上正常工作。

<div class="panel panel-default">
<div class="panel-heading clearfix">
<div class="pull-left" style="padding-top: 7.5px"><h1 class="panel-title"><?php echo $title;?></h1></div>
<div class="pull-right">
<a href="<?php echo base_url('admin/users_group');?>" class="btn btn-primary">Cancel</a>
<button type="submit" form="form-user-group" class="btn btn-primary">Save</button>
</div>
</div>
<div class="panel-body">
<form action="<?php echo base_url('admin/users_group/add'); ?>" method="post" enctype="multipart/form-data" id="form-user-group" class="form-horizontal">
</form>
</div>
</div>

Answer 1

您不能将提交按钮放在 <form> 标记之外，因为您指定的 id 不是表单查找按钮的方式，而是查找按钮在内是标签。

阅读此处了解更多信息：http://www.w3.org/TR/html4/interact/forms.html#h-17.2.1

但是，您可以使用 JavaScript 或其库，jQuery 将按钮 link 连接到表单而不是尝试将表单 link 连接到按钮。你可以尝试这样的事情：

$('#formButton').click(function() {
    $('#form-user-group').submit();
});

其中，#formButton 是您要用于提交表单的按钮的 ID #form-user-group。

Answer 2

我现在发现在 Internet Explorer 中，如果您希望在表单外设置表单提交按钮，您最好使用 onclick for javascript

<button type="submit" onclick="submit()">Save</button>

<form id="form-something" method="post" action="">

</form>

<script>
function submit() {
// for IE fix
    $("form[id*='form-']").submit();
}
</script>

Bootstrap 按钮在 Internet Explorer 中不起作用

Bootstrap button not working in Internet Explorer

twitter-bootstrap

twitter-bootstrap-3