在IE上禁用表单“提交”事件

时间:2013-06-03 15:41:47

标签: javascript forms internet-explorer file-upload multipartform-data

使用Internet Explorer(9)时遇到文件上传表单的问题。 我的表单有点特别,因为我模拟了我输入的次要行为:

  • 对于输入[type = file],在用户选择文件后,我提交表单。
  • 对于输入[type = submit],在他提交表单之前,我打开文件浏览器,一旦他选择了一个文件,我就提交它。

我的脚本适用于Chrome和FF,但不适用于IE。确实,当我测试提交按钮时,表单没有发送,而当我使用输入[type = file]时,我没有任何问题。

这是HTML:

<form name="up" action="/" method="post" enctype="multipart/form-data">     
    <div class="fileinputs">
        <input type="file" name="FILE" size="38" class="file" id="upload" onchange="submitForm()" />
        <input type="submit" value="BROWSE" name="ok" class="submit" id="submit_button_id" onclick="return check();" />
    </div>
</form>

JS:

function submitForm() {
    document.getElementById("submit_button_id").click();
}

function check()
{
    var path = false;

    document.getElementById('upload').click();

    var filesent = document.getElementById("upload");
    filesent.value === "" ? path = false : path = true;

    if(!path){
        return false;
    }

    return true;
}

0 个答案:

没有答案