jquery - フォームの投稿中にjQueryがイベントをトリガーする

Question

フォームアクションが開始されると（フォームが投稿を開始する）、アクションが完了するまで（スピナーが消える）イベントをトリガーする簡単な方法（ロードスピナーを表示するなど）があるかどうか疑問に思っていました。ajaxStart時にスピナーを表示し、ajaxStop投稿時に非表示にするようなもの。

score 1 · Accepted Answer

フォームが ajax 経由で投稿されている場合、これは非常に簡単です。

$("#throbber").show();
$("form").ajaxSubmit().done(function () {
   $("#throbber").hide();
});

throbber<img>を html の適切な場所に配置し、display: none初期値に設定するだけです。

score 1 · Accepted Answer

通常の HTML フォームの送信を意味すると仮定すると、はい、form.onsubmit = function(){...}ハンドラーで送信をインターセプトできます。

false送信を禁止するために戻るか、またはtrue(または以外のものfalse)、許可するために戻ります。

jQuery の場合:

$("#myForm").on('submit', function(){
    ...
    return true;//or false
});

ただし、サーバーの応答速度によっては、スピナーがまったく表示されないか、ページが更新される前の非常に短い時間だけ表示される場合があります。

2 に答える 2