22
jQueryでのフォームの二重送信を防止する
サーバーの処理に少し時間がかかるフォームがあります。ユーザーが待機し、もう一度ボタンをクリックしてフォームを再送信しないようにする必要があります。次のjQueryコードを使用してみました。 <script type="text/javascript"> $(document).ready(function() { $("form#my_form").submit(function() { $('input').attr('disabled', 'disabled'); $('a').attr('disabled', 'disabled'); return true; }); }); </script> Firefoxでこれを試すと、すべてが無効になりますが、フォームに含まれるはずのPOSTデータがフォームに送信されません。jQueryを使用してフォームを送信することはできません。複数の送信ボタンがあり、POSTに含まれている値によってどれが使用されたかを判断するため、フォームと共にボタンを送信する必要があるためです。通常どおりフォームを送信する必要があり、その直後にすべてを無効にする必要があります。 ありがとう！