在 Internet Explorer 中使用 jquery 提交答案

【问题标题】：Submit using jquery in Internet Explorer在 Internet Explorer 中使用 jquery 提交
【发布时间】：2017-03-30 00:01:02
【问题描述】：

我在 Internet Explorer 中提交表单时遇到了一点问题。它在 Google Chrome 和 Firefox 等其他浏览器中运行良好。

这是我的代码：

form action="?page=addStorageEngine" method="post" id="createStorage">
   <tr>
       <th>Storagename:</th>
       <td><input type="text" name="givenStorageName" value=""></td>
   </tr>
</form>

<input form="createStorage" type="submit" value="Opprett Lager" href="?page=storageAdm">

这是我的 jquery 代码：

$(function POSTstorageInfo() {

$('#createStorage').submit(function () {
    var url = $(this).attr('action');
    var data = $(this).serialize();

    $.ajax({
        type: 'POST',
        url: url,
        data: data,
        dataType: 'json',
        success: function () {
            UpdateStorageTable();
        }
    });
     return false;
  });
});

好像不会触发“提交”功能。但是如何在 IE 中实现这个功能呢？

【问题讨论】：

这可能就像确保您的提交按钮位于 form 标记内一样简单。但是你可以试试这个：把type=submit改成type=button，把.submit改成.click。
当我将它移动到表单标签内时它确实有效！但是有没有可能让它工作，并且仍然在外面？
资源管理器不应该支持 HTML5 吗？据我所知，form 属性是一个 HTML5 元素？
查看这里了解更多信息：stackoverflow.com/questions/7020659/…
我在 freen-n 的链接中找到了解决方法，谢谢！

标签： jquery html internet-explorer

【解决方案1】：

改变这个：

$('#createStorage').submit(function () {

到这里：

$(document.body).on('click', '#createStorage', function (e) {

提交动作在表单标签之外无效

【讨论】：