I got this error:

SCRIPT5: Access Denied. jquery.form.js, Line 352 Character 5

:/, i searched so much on this issue and didnt find any solutions.

$('#crop_form').bind('submit', function(e){ e.preventDefault(); // <-- important $(this).ajaxSubmit({ target: '#output', success: function() { hideLoading(); } }); });

Hi,

When I switch my site's jQuery from 1.7.2 to 1.8.0, upon doing an ajaxSubmit I get an "access is denied" error. Not sure if this is helpful, but this is the code block in jQuery that was highlighted for the exception.

return c=c||e,c=(c[0]||c).ownerDocument||c[0]||c,typeof c.createDocumentFragment=="undefined"&&(c=e),a.length===1&&typeof i=="string"&&i.length<512&&c===e&&i.charAt(0)==="<"&&!bt.test(i)&&(p.support.checkClone||!bw.test(i))&&(p.support.html5Clone||!bu.test(i))&&(g=!0,f=p.fragments[i],h=f!==b),f||(f=c.createDocumentFragment(),p.clean(a,c,f,d),g&&(p.fragments[i]=h&&f)),{fragment:f,cacheable:g}

Switching back to jQuery 1.7.2, it works fine. (IE9.)

Has anyone else see any issues using jQuery form with jQuery 1.8.0?

-Ben

Version 2.87 worked fine until upgraded to 3.02.

Getting error "file exceeds the defined ini size" when submitting a form without file selected. If force to use iframe than everything works fine, but thats not a solution.

I analyzed the all version until 3.02 and find out than changes in 2.90 made this error.

just commented:

//  causing errors
//  var fileAPI = feature.fileapi && feature.formdata;
var fileAPI = false;

for temporary solution

Description:

After the latest Chrome update (mine is 83.0.4103.61) the success callback is not called anymore if using iframe:true although the request gets to the server. Chrome dev tools shows request as cancelled. I managed to fix this by setting iframeSrc:'about:blank'. I cannot find a reason or implication of this change. But maybe iframeSrc default should be changed?

Expected Behavior:

Receive success callback with response from server.

Actual behavior:

Success callback is not called, request shows aborted in Chrome.

Versions:

LoadJSON:
jQuery: 3.4 Browsers: Chrome 83.0.4103.61

Demonstration

Demo here

Steps to reproduce:

Use default setting of iframeSrc

I use ajaxSubmit to submit a form to a third party url. I use the following code.

$("#uploadToYoutubeForm").ajaxSubmit({
                            url: "http://www.example.com?nexturl=someurl",
                            type: 'post',

                           uploadProgress: function(event, position, total, percentComplete) {

                            },

                           complete: function(response){
                                        alert("complete");                      
                            }
                        });

My problem is that there is a different behavior when I use uploadProgress. The server executes the nexturl only when I do not use uploadProgress. When I use uploadProgress the nexturl will not be called.

What can I do?

I don't know if this plugin is still supported (it seems it's not), but in case anyone is interested, there is a problem with this code in ajaxSubmit:

    if (!options.dataType && options.target) {
        var oldSuccess = options.success || function(){};
        callbacks.push(function(data) {
            var fn = options.replaceTarget ? 'replaceWith' : 'html';
            $(options.target)[fn](data).each(oldSuccess, arguments);
        });
    }

because, in jQuery 1.12.1, they have changed the function each() from

    // Execute a callback for every element in the matched set.
    // (You can seed the arguments with an array of args, but this is
    // only used internally.)
    each: function( callback, args ) {
        return jQuery.each( this, callback, args );
    },

to

    // Execute a callback for every element in the matched set.
    each: function( callback ) {
        return jQuery.each( this, callback );
    },

That means that the success callback function is called without parameters.

I'm not 100% sure this is an issue with this plugin but In IE8 and 9 - I'm getting an incorrect response when I use .ajaxForm() to send a query, and then parse the response.

Instead of getting the expected XML string in the jqXHR.responseText, I'm being passed the client side HTML of the page.

I've posted this to stack overflow here: http://stackoverflow.com/questions/18733754/incorrect-jqxhr-response-for-jquery-forms-plugin-in-ie8-and-9

And found another sample of the (same?) problem here: http://stackoverflow.com/questions/17473719/jquery-form-plugin-the-server-generates-correct-json-response-but-ie-receives

Resolves #571

As stated in #571 chrome is expecting "about:blank"

yet we're passing javascript:false if the page is HTTPS.

This was originally added with this default value in ce4324159ecd44cab4779bef6f6d484aef958c5c without any real explanation for why javascript:false was used.

Given that "about:blank" is required in the spec and it fixes the current issue with Chrome, let's use it as the default even for HTTPS.

Edit: javacript:false is required by IE browsers, this PR applies the javascript:false default only when the browser is detected to be IE.

Description:

Well, this is a very delicated issue, which I have no idea how to deal with.

I have a form where I work with complex data object generation. Like the following:

{
    "Id": 123564,
    "Nome": "Test, example name",
    "OtherFields": "Other fields values",
    "LaminaExposicaoComposicaoProdutos": [
        {
            "Id": 123456,
            "Nome": "Example name",
            "Codigo": "987456213"
        }, {
            "Id": 223456,
            "Nome": "Another Example name",
            "Codigo": "287456213"
        }
    ]
}

The object is that, but the request generated in IE9 differs a lot from IE10.

IE9 vs. IE10 request body

diff --git a/ie9/rq-body b/ie10/rq-body
index 0ea0aa5..b73a090 100644
--- a/ie9/rq-body
+++ b/ie10/rq-body
@@ -1,198 +1,253 @@
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="Id"

 0
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="IdLaminaExposicao"

 2
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="IdUsuarioCadastro"

 0
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="IdUsuarioAlteracao"


------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="DataCadastro"

 01/01/0001 00:00:00
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="DataAlteracao"


------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="Nome"


------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="Situacao"

 Ativo
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="AnoSemanaEntregaInicial"

 2017
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="SemanaEntregaInicial"

 39
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="AnoSemanaEntregaFinal"

 2017
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="SemanaEntregaFinal"

 40
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="Observacao"


------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="Produto.Id"


------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="Produto.Codigo"


------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="Produto.Nome"


------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="LaminaExposicaoComposicaoProdutos[][IdProduto]"

 29312
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="LaminaExposicaoComposicaoProdutos[][IdProduto]"

 29313
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="LaminaExposicaoComposicaoProdutos[][IdProduto]"

 29314
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="LaminaExposicaoComposicaoProdutos[][IdProduto]"

 144414
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="LaminaExposicaoComposicaoProdutos[][IdProduto]"

 144415
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="LaminaExposicaoComposicaoProdutos[][IdProduto]"

 144419
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="LaminaExposicaoComposicaoProdutos[][IdProduto]"

 144489
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="LaminaExposicaoComposicaoProdutos[][IdProduto]"

 144494
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="LaminaExposicaoComposicaoProdutos[][IdProduto]"

 144496
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="LaminaExposicaoComposicaoProdutos[][IdProduto]"

 344600
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="LaminaExposicaoComposicaoProdutos[][IdProduto]"

 344602
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="LaminaExposicaoComposicaoProdutos[][IdProduto]"

 344606
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="OrdemCompra.Id"


------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="OrdemCompra.Codigo"


------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="LaminaExposicaoComposicaoOrdemCompras[][IdOrdemCompra]"

 531706
------------------------------7e113736f068a
-Content-Disposition: form-data; name="ImagemCapa"; filename=""
-Content-Type: application/octet-stream
+-----------------------------7e129812f068a
+Content-Disposition: form-data; name="ImagemCapa"


------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="Id"

 0
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="IdLaminaExposicao"

 2
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="IdUsuarioCadastro"

 0
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="IdUsuarioAlteracao"


------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="DataCadastro"

 01/01/0001 00:00:00
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="DataAlteracao"


------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="Nome"


------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="Situacao"

 Ativo
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="AnoSemanaEntregaInicial"

 2017
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="SemanaEntregaInicial"

 39
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="AnoSemanaEntregaFinal"

 2017
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="SemanaEntregaFinal"

 40
------------------------------7e113736f068a
+-----------------------------7e129812f068a
 Content-Disposition: form-data; name="Observacao"


------------------------------7e113736f068a
-Content-Disposition: form-data; name="Produto"
+-----------------------------7e129812f068a
+Content-Disposition: form-data; name="Produto[Id]"

-[object Object]
------------------------------7e113736f068a
-Content-Disposition: form-data; name="LaminaExposicaoComposicaoProdutos"

-[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
------------------------------7e113736f068a
-Content-Disposition: form-data; name="OrdemCompra"
+-----------------------------7e129812f068a
+Content-Disposition: form-data; name="Produto[Codigo]"

-[object Object]
------------------------------7e113736f068a
-Content-Disposition: form-data; name="LaminaExposicaoComposicaoOrdemCompras"

-[object Object]
------------------------------7e113736f068a--
+-----------------------------7e129812f068a
+Content-Disposition: form-data; name="Produto[Nome]"
+
+
+-----------------------------7e129812f068a
+Content-Disposition: form-data; name="LaminaExposicaoComposicaoProdutos[0][IdProduto]"
+
+29312
+-----------------------------7e129812f068a
+Content-Disposition: form-data; name="LaminaExposicaoComposicaoProdutos[1][IdProduto]"
+
+29313
+-----------------------------7e129812f068a
+Content-Disposition: form-data; name="LaminaExposicaoComposicaoProdutos[2][IdProduto]"
+
+29314
+-----------------------------7e129812f068a
+Content-Disposition: form-data; name="LaminaExposicaoComposicaoProdutos[3][IdProduto]"
+
+144414
+-----------------------------7e129812f068a
+Content-Disposition: form-data; name="LaminaExposicaoComposicaoProdutos[4][IdProduto]"
+
+144415
+-----------------------------7e129812f068a
+Content-Disposition: form-data; name="LaminaExposicaoComposicaoProdutos[5][IdProduto]"
+
+144419
+-----------------------------7e129812f068a
+Content-Disposition: form-data; name="LaminaExposicaoComposicaoProdutos[6][IdProduto]"
+
+144489
+-----------------------------7e129812f068a
+Content-Disposition: form-data; name="LaminaExposicaoComposicaoProdutos[7][IdProduto]"
+
+144494
+-----------------------------7e129812f068a
+Content-Disposition: form-data; name="LaminaExposicaoComposicaoProdutos[8][IdProduto]"
+
+144496
+-----------------------------7e129812f068a
+Content-Disposition: form-data; name="LaminaExposicaoComposicaoProdutos[9][IdProduto]"
+
+344600
+-----------------------------7e129812f068a
+Content-Disposition: form-data; name="LaminaExposicaoComposicaoProdutos[10][IdProduto]"
+
+344602
+-----------------------------7e129812f068a
+Content-Disposition: form-data; name="LaminaExposicaoComposicaoProdutos[11][IdProduto]"
+
+344606
+-----------------------------7e129812f068a
+Content-Disposition: form-data; name="OrdemCompra[Id]"
+
+
+-----------------------------7e129812f068a
+Content-Disposition: form-data; name="OrdemCompra[Codigo]"
+
+
+-----------------------------7e129812f068a
+Content-Disposition: form-data; name="LaminaExposicaoComposicaoOrdemCompras[0][IdOrdemCompra]"
+
+531706
+-----------------------------7e129812f068a--
(END)

That's it!

Expected Behavior: I want to receive a multilevel object in my action endpoint. That object is not being generated in JS code.

Actual behavior: I'm receiving an single level object in my action endpoint. The multilevel object has only the first level well writed in the request body.

Versions:

LoadJSON: N/A jQuery: any Browsers: IE9

Demonstration

Can't reproduce in an online fiddler.

Steps to reproduce:

1. Generate your multilevel object from the form data. 1.1 I used a custom function, which could be implemented in this plugin.
2. Send it via $('form').ajaxSubmit method.
3. Ta-dam!

I will try to improve this issue description as long as I have more time to write. TA.

I'm using ajaxForm and has no data in request. I got around the problem code modifying:

in _formToArray function replaced

if ( els ) {
        els = $(els).get();  // convert to standard array
    }

by new code:

if (els && !/MSIE 8/.test(navigator.userAgent)) {
        els = $(els).get();  // convert to standard array
    }

We use the jQuery.ajaxForm plugin to add products to a cart. As far as I understand it creates an iframe and posts the information.

This goes well, but when a product is succesfully added to the cart, the system redirects to the success page. When the redirect happens, IE8 crashes.

When there is an error while posting the form (the product isn't in stock any more) the pages doesn't redirect and just shows the error, IE8 doesn't crash.

The software ran fine for a looong time, but it suddenly stopped working. Since IE8 crashes it is impossible to debug. The crash is triggered by the ajaxForm module because every other post works, every other ajax thingy work, normal ajaxForms works but ajaxForm+Redirect = IE8 Crash.

Any idea what is going on?

Hallo!

If in this function it finds an element without tagName it gives an error for being undefined.

$.fn.resetForm = function() {
	return this.each(function() {
		var el = $(this);
		**var tag = this.tagName;**

I believe that it can happen in other places that also use tagName.

Greetings

Hi there 👋

This PR mainly changes some jQuery deprecated methods to their respective native methods. It also fixes an element selector.

These changes will help with the purpose of being compatible with jQuery 3 as it has been tracked on #544.

By the way, I also did run the tests and all of them had the green check 😄

Hello,

Currently I use the "uploadProgress" method to inform the progress of the file upload, bringing data such as size and percentage sent to the server.

But I would like to know if it would be possible to obtain this data for the creation of a progress bar but using the missing time in the case of executing a PHP script.

Example: I have a CSV file with N lines that need to be read and saved in the DB, I would like to create a progress bar with the time remaining to complete this task.

Would it be possible?

If not, any ideas on how to inform the user how much it would take to complete this task?

Thanks

Description:

Hi

I am appending data to the ajax form when constructing the options object, The data I am appending is an array or object, which is linked to a key in the data object,

Expected Behavior:

The appended array or object used with the "data" property in the form options gets sent through to the backend.

Actual behavior:

This only works in some cases. If I append a string, the values go through fine, The issue seems to only occur with arrays and objects.

For example:

var formOptions = { beforeSubmit: validateRequest, // pre-submit callback success: showResponse, // post-submit callback error: showError, dataType: "json", data: {chosenPos : selectedPos, chosenNotifs : selectedNotifs}, resetForm: false, } selectedPos and selectedNotifs are arrays or objects with global scope. This has worked before, but for some reason now does not seem to. It is not consistent.

Thanks for the great library!

Versions:

jquery-form: 4.3.0 jQuery: 3.5.1

Description:

Can you please add a callback when the ajaxForm finished binding the events to the real form? I have a case which a modal dialog is getting the html markup from the server and only then binding the ajaxform, and I want to show the submit button only after I'm sure the form has been set to fire via ajax