JQuery dialog / submit() not working in IE8

Question

Works everywhere except IE8. The submit never fires. I tried taking out the dialog and just leaving the submit but still nothing happens in IE8.

Javascript:

$(function () {
    $("#fileUpload").click(function () {
        $("#fileButton").click();
    });
});

$(function () {
    $("#fileButton").change(function () {
        $("#dialogUploading").dialog({
            dialogClass: 'no-close',
            modal:true,
            async:true
        });
        $("#formSubmit").submit();
    });
});

HTML:

        using (Html.BeginForm("ReferralUpload", "ReferralNetwork", FormMethod.Post, new { enctype = "multipart/form-data", id = "formSubmit", style = "display:inline" }))
        {
            <input type="file" id="fileButton" name="fileButton" style="display:none" />
            <button type="button" id="fileUpload" style="width:250px;">Upload Referrals</button>
        }

Any ideas? Thanks!

score 0 · Answer 1 · answered Nov 06 '13 at 18:34

0

can you try changing $("#fileButton").change(function () { to $("#fileButton").change(function (e) { and see if that makes a difference? I think IE needs the event passed for it to be happy.

Oh, and do the same for $("#fileUpload").click(function () { to $("#fileUpload").click(function (e) {

answered Nov 06 '13 at 18:34

gloomy.penguin

5,833
6
33
59

Still no go. The dialog appears (which it did before I added the e parameter), but no submit – DontFretBrett Nov 06 '13 at 22:34
@DontFretBrett: but it works in other browsers? I don't have an environment set up where I can test your code exactly. I can't even get the basics to work in chrome, though. – gloomy.penguin Nov 06 '13 at 23:01
open up developer tools in IE8... see if anything is showing up in the console. – gloomy.penguin Nov 06 '13 at 23:08

score 0 · Answer 2 · answered Nov 06 '13 at 19:10

0

Make sure you're using the correct version of jQuery. Version 2 and above aren't compatible with IE8.

http://jquery.com/browser-support/

answered Nov 06 '13 at 19:10

Doug Johnson

558
3
9

We're using jquery 1.10.2 and jquery ui 1.10.3 – DontFretBrett Nov 06 '13 at 22:29

score 0 · Answer 3 · edited May 23 '17 at 10:24

0

After further research, I discovered it can't be done jQuery : simulating a click on a <input type="file" /> doesn't work in Firefox?. Not without some hackery. In IE8 the file input can't be programatically clicked or it won't submit. One hack is to set the opacity to zero and have an image over the button: http://www.quirksmode.org/dom/inputfile.html

edited May 23 '17 at 10:24

Community

1
1

answered Nov 06 '13 at 23:57

DontFretBrett

1,135
3
17
32

JQuery dialog / submit() not working in IE8

3 Answers3