JavaScript のクリックイベントがASPのバリデーションとぶつかる

Question

ASP.NET にて二重送信の対応をしているのですが、バリデーションとJSのクリックイベントがぶつかってしまい、イベントハンドラまでたどり着けません・・・。

<asp:ImageButton ID="imgUpdate" runat="server" CausesValidation="false"
 OnClientClick="return isValid(); 
 "ImageUrl="~/Images/Update32x32.png" 
 Text="Update" ToolTip="Update" OnClick="imgUpdate_Click" />

<script type="text/javascript">
function isValid() {
   $('form').submit(function() {      
       Page_ClientValidate();
       if (!Page_IsValid) return false;
    // 二重送信防止
    $(this).submit(function () {
        return false;
       });
   }); 
 }
</script>

一度クライアントでバリデーションエラーが出ている状態でsubmitし、その後エラーを修正して再度submitを押下したところ、二重送信と判断されてしまいます。

デバッグしたところ、$(this).submit(function (){ に何度もアクセスされてしまうのですが、条件分岐に何か間違いがあるのでしょうか。

Answer 1

// 二重送信防止
$(this).submit(function () {
        return false;
});

この部分ですがformがsubmitされた際に呼び出される関数内で再定義していますのでここが怪しいと思います。(動作の検証はしていません)

2重送信防止であれば
初回の送信時に
$('input[type=submit]').prop('disabled', true);(セレクタはhtmlに合わせて修正して下さい)として送信ボタンを無効化するか
``

var isSent = false;
$('form').submit(function() {
  if(isSent) return false;
(略)
// 二重送信防止
  isSent = true;
}

のような形で送信済みを判定する感じでしょうか。