使用jquery提交动画表单

Question

我不知道如何解释这一点，但我会尽我所能...... 我正在尝试正常提交表单，但请求结果将显示在iframe中。这里的一切都很顺利。我想要做的（如果可能的话）是为表单添加动画（如“发送...”），然后使用respose加载iframe。我现在对此感到困惑，但请查看我的文件：

的index.php

我已经遗漏了标题，因为它是如此的obvius。

<form enctype="multipart/form-data" method="post" action="upload.php" target="my_iframe" id="form-upload">
    Choose your file here:
    <input name="uploaded_file" type="file"/>
    <input id="send-button" type="submit" value="Subir imagen"/>
</form>


<IFRAME name="my_iframe" SRC="upload.php" width="100%" height="200px" id="iframe1" marginheight="0" frameborder="0"></iframe>

<script type="text/javascript">
    $(document).ready(function(){
        $('#send-button').sendImage({formid: "form-upload"});
    });
</script>

upload.php的

仅用于测试porpuses。

<?php
if( isset($_FILES['uploaded_file']) )
    echo "image sent";

animate.js

这是我正在处理的问题。因为当我访问index.php时，消息sending...始终显示表单元素的实例。

var conf;

jQuery.fn.sendImage = function(args) {
    conf = $.extend( {
    }, args);


    this.on('click', function(e){
        e.preventDefault();
        $('#'+conf.formid).submit();
        $('#'+conf.formid).html('sending...');
    });

}

Answer 1

提交表单后，当前页面上的所有处理都将停止。你做的任何事情都必须在你真正提交表格之前。您可以选择通过AJAX提交。