Search jQuery

jQuery Forum

jQuery Form IE8

in Using jQuery Plugins • 6 years ago

Hello everyone. I'm trying to submit a form via AJAX that contains a "file" input (upload) and have cross-browser support (including IE8). I have tried using a polyfill for the FormData object, but even with that, IE8 cannot send the form properly to my endpoint.

I found this plugin (jQuery.form) and decided I would give it a try. It seems to work except that in IE8, it throws an error and asks the user if they would like to debug. I am using the plugin the following way:

$('#import-form').ajaxSubmit({
url: window.homeUrl + 'ajax.py',
type: 'POST',
data: {action: 'importMappings'},
dataType: 'json',
success: submitResults
});

I have a button with a click handler that calls a function to execute this code. The error I get is (in the minified version of the code:

Line: 11
Error: Object doesn't support this property or method

The highlighted portion of the plugin when I click to debug is:

if(u&&!/MSIE [678]/.test(navigator.userAgent)&&(u=e(u).get()),s&&(i=e(':input[form="'+s+'"]').get(),i.length&&(u=(u||[]).concat(i))),!u||!u.length)

Any idea why I'm getting this error and how to fix it? I'm open to using other methods of of form submission.

Replies(3)

jakecigar

Re: jQuery Form IE8

6 years ago

Cross domain + ie 8 + some minimized script = NO.

Share a link to your page.

JΛ̊KE

porky123

Re: jQuery Form IE8

6 years ago

The unminified code:

if (els && !/MSIE [678]/.test(navigator.userAgent)) { // #390
els = $(els).get(); // convert to standard array
}
// #386; account for inputs outside the form which use the 'form' attribute
if ( formId ) {
els2 = $(':input[form="' + formId + '"]').get(); // hat tip @thet
if ( els2.length ) {
els = (els || []).concat(els2);
}
}

The problem seems to be that els is a DispHTMLFormElement. We need it to be an array. It should go into that if statement but their regex matches the IE8 user agent so it skips it. I don't like modifying third party libraries but commenting out the user agent matching solves my problem.

https://github.com/malsup/form/issues/390

jakecigar

Re: jQuery Form IE8

6 years ago

You commented on the github. Let’s see what Mike Alsup says. Keep us posted. Future generations of programmers may have similar needs.

JΛ̊KE

Top Reply

Response title

Attachments

jQuery Forum

jQuery Form IE8

Replies(3)

Re: jQuery Form IE8

Re: jQuery Form IE8

Re: jQuery Form IE8

Statistics

Tags

Actions