IE9表单多次单击后提交

时间:2014-05-31 07:21:01

标签: jquery html internet-explorer-9

我有一个简单的HTML表单,没有在IE9中提交。它在Chrome,FF和IE10中运行良好。

步骤

  1. 点击“添加文件”按钮
  2. 添加多个文件。
  3. 按照步骤1和步骤2(两次)
  4. 点击提交
  5. 如果您点击“提交”,它将加载相同的页面。

    它正在使用Chrome,FF和IE10。但是在IE9中我们需要根据点击“添加文件”按钮的次数多次点击“提交”按钮。

    任何人都可以帮我确定哪里出错了? 这是表格:

    Demo link

    代码:

    形式:

    <form id="edit-object-form" name="multipleUpload" class="main-form" action="" method="post" enctype="multipart/form-data" >
        <input type="button" id="add-file-field" name="add" value="Add Files" />
                    <div id="InputsWrapper"></div>
                <input type="submit" class="regular-btn-red submit_button" value="Submit Query" id="submit" />
        </form>
    

    JS:

    $(function() {
    var InputsWrapper   = $("#InputsWrapper"); //Input file wrapper ID
    var AddButton       = $("#add-file-field"); //Add button ID
    
    var FieldCount=1; //to keep track of input file added
    
    // Add Browse button
    $(AddButton).click(function (e)  //on add input button click
    {
                FieldCount++; //text box added increment
                //add input box <label for="myFile">** My Label **</label><br/>
                $(InputsWrapper).append('<input class="custom_input" type="file" name="file[]" multiple id="multiUpload'+FieldCount+'">');
                document.getElementById("multiUpload"+FieldCount).click();
    return false;
    });
    })(jQuery); 
    

0 个答案:

没有答案