javascript - 在 IE 11 中通过 AJAX 发布表单

标签 javascript jquery html ajax

我正在尝试在 IE11 中使用 JQuery 进行 Ajax 发布。我已经修改了 ie-9 的兼容性元标记,但它仍然不起作用,不会发送帖子。相反,它会抛出一个错误,指出{exception}无法从jquery获取未定义或空引用的属性“设置”

<head id="Head1">
<link href="../Content/Site.css" rel="stylesheet" type="text/css" />
<link href="../Content/datepicker.css" rel="stylesheet" type="text/css" />
<script src="/.../Scripts/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="/.../Scripts/jquery-ui-1.10.4.custom.min.js" type="text/javascript"></script>
<script src="/.../Scripts/json2.js" type="text/javascript"></script>
<script src="/.../Scripts/jquery.validate.min.js" type="text/javascript"></script>
<script src="/.../Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
<script src="/.../Scripts/UtilityFunctions.js" type="text/javascript"></script>
<script src="/.../Scripts/jquery-ui-1.11.0/jquery-ui.js"></script>
<meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1;IE=9;IE=8;IE=7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="../Content/images/favicon.ico" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="-1" /></head>

jquery

$('#EmailForm').validate({
            invalidHandler: function(event, validator) {
                var errors = validator.numberOfInvalids();
                if (errors) {
                    var message = errors == 1
                      ? '1 email field has a missing or invalid email address. It has been highlighted, please correct this or remove the field.'
                      : errors + ' email fields have  missing or invalid email addresses. It has been highlighted, please correct this or remove the fields.';
                    $("div.error span").html(message);
                    $("div.error").show();
                } else {
                    $("div.error").hide();
                }
            },
            submitHandler: function (form) {
                $(form).ajaxSubmit(function () {
                    history.go(-1);
                });
            }
        });

        $('body').on('click', '.remove_field', function () {
            $(this).closest('p').remove();
        });
        $('.add_email_button').closest('p').click(function () {
            var html = '<p><input type="email" class="email" form="EmailForm" required name="EmailAddresses" /><span class="btn_orange"><a href="#" class="remove_field">x</a></span></p>';
            $(html).insertBefore($(this));
        });
        $('#SendEmail_Button').closest('span').click(function (e) {
            e.preventDefault();
            $('#EmailForm').submit();
           @* if ($('#EmailForm').valid()) {
                $.post('@Url.Action("PostEmail")', $('#EmailForm').serialize()).done(function() {
                    history.go(-1);
                });
            }*@
        });

网络配置

<httpProtocol>
  <customHeaders>
    <clear/>
    <add name="X-UA-Compatible" value="IE=IE9"/>
  </customHeaders>
</httpProtocol>

最佳答案

你需要做

$("#EmailForm").validate({
    // options
});

然后才能使用$("#EmailForm").valid()

对于历史记录移动,请在 AJAX 完成后执行:

submitHandler: function(form) {
    $(form).ajaxSubmit(function() {
        history.go(-1);
    });
}

关于javascript - 在 IE 11 中通过 AJAX 发布表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25793447/

相关文章:

php - 如何限制上传图片比例为16 :9 in codeigniter?

javascript - 用图像替换轮播指示器

java - CSS 文件中的变量

html - 使用 margin-top 等调整响应式 css div 的大小

c# - 将包含图像及其图层的 HTML div 标记保存到新图像

javascript - 在 iOS 上的 Safari 中刷新图像

javascript - CasperJS 通过 CLI : How to load external JS files?

javascript - 简单的 JavaScript 拆分函数

javascript - embed.fields[1].value : Must be 1024 or fewer in length. embed.fields[2].value: 长度必须为 1024 或更少

jquery - 仅当用户屏幕分辨率高于 X 时,如何运行一些 JQ 代码?