0 
$(document).ready(function() {

$("#msform").submit(function(e){
    e.preventDefault();

    $("#editjeeinde").hide();
    $("#loading").show();

    $('#msform').ajaxForm(function() {
        $("#loading").hide();
        $("#done").show();
    });
});
});

私のhtmlフォームに示されているように、私のフォームをphpページに送信しません。

<form id="msform" action="sent.php" method="post" enctype="multipart/form-data">

私の送信ボタンと、フォームが送信された後に表示される読み込み div と終了 div:

    <input type="submit" name="submit" class="submit action-button" value="Verzenden" id="submit" />
    </div>
    <div id="loading">
    <p>Bezig met verzenden...<br /><img src="loader.gif" /></p>
    </div>
    <div id="done">
    <p>Uw aanvraag is succesvol ingediend. Wij zullen deze binnen 1-2 weken verwerken en u hiervan op de hoogte brengen.</p>
    </div>

ロードし続けるだけです...誰も問題を見ませんか？

4

2 に答える 2

1

jQueryフォームプラグインを使用していると思います。そのドキュメントによると、このコード:

$('#msform').ajaxForm(function() {
    // your options
});

submitたとえば、直前など、関数の外側に配置する必要があります。さらに、コードでフォームを送信しません。送信関数でこの関数を使用する必要があります。 $(this).ajaxSubmit();

したがって、最終的には次のようになります。

$(document).ready(function() {
    $('#msform').ajaxForm({
        // Callback called before the form loading.
        beforeSubmit: function() {
            $("#editjeeinde").hide();
            $("#loading").show();
        },
        // Success callback of your form.
        success: function() {
            $("#loading").hide();
            $("#done").show();
        }
    });

    // Change your submit function to load asynchronously your content.
    $('#myFormId').submit(function() {
        $(this).ajaxSubmit();
        return false;
    });
}
于 2013-10-14T09:02:59.517 に答える