Internet explorer form submit bug

[livensnick]

Ext version tested:

• Ext 4.1

Browser versions tested against:

• IE9 (so probably lower then IE9 too)

Description:

• When submitting a form, the failure handler is never called

Steps to reproduce the problem:

• Submit a form to a REST service which produces the following JSON {success: false, message: 'Import failed'}

The result that was expected:

• The failure handler of form submit to be called

The result that occurs instead:

• The success handler of form submit is called

Test Case:

    form.submit({            
            url: myUrl,
            success: function(form, action) {
                panel.down('form[name=qualityReportForm]').down('button').setDisabled(true);
                showInfo("Import succeeded!");
            },
            failure: function(form, action) {
                panel.down('form[name=qualityReportForm]').down('button').setDisabled(true);
                showError(action.result.message);
            }
        });

Debugging already done:

• Yes: IE9 throws an 'Access is denied' exception on the following code (Part of onUploadComplete from form submit). Because of this exception, the attribute 'success: false' of my JSON response is not handled, therefore the failure handler is not called.

doc = frame.contentWindow.document || frame.contentDocument || window.frames[frame.id].document;

Possible fix:

• No clue

Operating System:

• Windows 7

[livensnick]

Well, I changed my rest service so that it now throws a bad request status (400).
And still the success handler is called, so I really think this is a bug within ExtJS.

EDIT : This is not an ExtJS bug, but an IE bug. IE doesn't allow javascript to read those properties. I don't really think there's a solution to this bug.

[evant]

Yes, if you're posting to a different domain it will cause issues.

[joevega]

Internet Explorer 6/7 incorrectly handle a form submission with the <button/> element.
Consider <button name="action" value="next">Go to step 3</button> <button name="action" value="back">Back to step 1</button>