フォームを送信するときにオーバーレイを表示する

Question

ユーザーがフォームを送信しているときにオーバーレイを表示したいとします。私はこれを達成するために$('form').submit(function { [...] })を使用しています。

問題は、クライアント側の検証を使用していることです。直接の解決策は、もちろん手動でフォームを検証することです：if ($('form').validate().valid()) { .. }

最終的な解決策は、POSTが行われたときに呼び出されるイベントにフックすることです。 （フォームの送信を妨げる可能性のある他のプラグインをサポートするため、および検証プラグインが使用されていない場合）

Answer 1

あなたがjQuery validateを使用していると仮定すると、あなたは検証を通過するときに、たとえば、コードを実行するためにsubmitHandlerプロパティを使用することができます。

$("#myForm").validate({ 
    submitHandler: function(form) { 
     // display overlay 

     form.submit(); 
    } 
}); 

Further reading

Answer 2

サブミット中にreturn false;に挑戦してみてください。