IE8 正在将表单提交到当前页面

Question

它可以在所有其他浏览器上运行，之前也可以在 IE8 上运行，但我做了一些代码清理并移动了一些东西，现在它把这个表单提交给它自己。这是一个“ajax”上传器（是的，不是真正的 ajax，但你知道我的意思）

这里是 JS：

function file_upload($theform,item_id){
    $theform.attr('ACTION','io.cfm?action=updateitemfile&item_id='+item_id);
    if($theform.find('[type=file]').val().length > 0){
        $('iframe').one('load',function(){
            $livepreview.agenda({
                action:'get',
                id:item_id,
                type:'item',
                callback:function(json){
                    $theform.siblings('.upload_output').append('<li style="display:none" class="file-upload"><a target="blank" href="io.cfm?action=getitemfile&item_file_id='+json[0].files.slice(-1)[0].item_file_id+'">'+json[0].files.slice(-1)[0].file_name+'</a> <a style="color:red" title="Delete file?" href="#deletefile-'+json[0].files.slice(-1)[0].item_file_id+'">[X]</a></li>').children('li').fadeIn();
                    $theform.siblings('.upload_output').find('.nofiles').remove();
                }
            });
            //Resets the file input. The only way to get it cross browser compatible as resetting the val to nothing
            //Doesn't work in IE8. It ignores val('') to reset it.
            $theform.append('<input type="reset" style="display:none">').children('[type=reset]').click().remove();
        });
    }
    else{
        $.alert('No file selected');
        return false;
    }
}
/* FILE UPLOAD EVENTS */
//When they select "upload" in the modal
$('.agenda-modal .file_upload').live('submit',function(event){de
    file_upload($('.agenda-modal .file_upload'),$('.agenda-modal').attr('data-defaultitemid'));
});

如果您不知道，ACTION 必须大写才能使 Firefox 正常工作。另外，我确定它正在提交给它自己，因为 iframe 在它自己的内部显示当前页面，并且所有脚本都会再次加载。另外，在.live() 中，添加return false; 没有任何作用。

这是 HTML 以防万一：

        <label>Add Attachment</label>
        <form class="file_upload" method="post" enctype="multipart/form-data" target="upload_target" action="">
            <input name="binary" id="file" size="27" type="file" /><br />
            <br><input type="submit" name="action" value="Upload" /><br />
            <iframe class="upload_target" name="upload_target" src="" style="display:none"></iframe>
        </form>
        <label>Attachments</label>
        <ul class="upload_output">
        <li class="nofiles">(No Files Added, Yet)</li>
        </ul>

Answer 1

它应该将表单发送给它自己。

考虑按钮类型为提交（即自动提交表单）并且表单操作为空（即，自行发送）。

但是，正如您所做的那样，提交处理程序可能会导致表单根本不提交（我问，首先提交的意义是什么？但这已经过去了）

无论如何，您应该停止事件传播并在您的事件处理程序中返回 false。

Answer 2

您应该在“提交”处理程序的末尾return false;。

啊——这很难理解。好吧，这个<iframe> 到底是在哪里定义的？ 编辑——哦，我明白了。

再次编辑 — 好吧，我意识到我在这里的可信度有点像在薄冰上跳来跳去，但我建议在 <iframe> 中添加一个“id”属性（带有“upload_target”作为 id 值）。每隔一段时间，我就会准确地弄清楚“姓名”和“身份”中的哪一个是重要的（以及何时/为什么），但这些信息只持续了一个小时左右，然后我的大脑就会反常地忽略它。 （“重要”是指<iframe> 元素。）