Form is not submitted by javascript in IE

See more:

Javascript

Hello friends

I have following scenario.

I have one default.aspx page where I put following HTML code.

<iframe id="iframeUploadLogo" src="Default2.aspx"></iframe>

In default2.aspx page, I have put following code.

<form id="form1"  runat="server" name="Form1">
    <a href="javascript:;"  önclick="browseFile();">Upload Logo</a>
    <div style="display:none;">
        <asp:FileUpload ID="FileUploadControl" runat="server" onchange="onChangeFile(this);" />
    </div>
    </form>

And javascript function:

function onChangeFile(o) {

            var file = $(o).val().toLowerCase();
            if (file.indexOf(".png") == -1 && file.indexOf(".jpg") == -1 && file.indexOf(".jpeg") == -1 && file.indexOf(".gif") == -1) {
                alert("please upload image file only.");
            } else {
                
                $("#form1").submit();
            }
        }
        function browseFile() {
            var o = $("#FileUploadControl");
            o.click();
        }

When I click on link button to upload logo, then window is open and I choose image file, so after that form is not submitted which is working fine in other browsers, I have issue only in IE browser.

If I remove link button, and use file upload control directly then form is submitted, If I use link button to fire File Upload control onClick event then form is not submiited, strange!

Any solution?

Thanks
Imrankhan