0

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

aspx

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

JavaScript

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

参考URL

一度クライアントでバリデーションエラーが出ている状態でsubmitし、その後エラーを修正して再度submitを押下したところ、二重送信と判断されてしまいます。
(CausesValidation="false" にすればバリデーションの順番を調整できる、と認識していたのですが、その後の二重送信防止の処理で return false になっているようです。)

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

1

1 件の回答 1

1

なぜ質問文のコードでポストバックが発生しないのかは分かりませんが、2点問題があるのでそこを修正すれば正常動作するものと思います。

まず、

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

ですが、これはisValid()が実行されるたびにform.onsubmitに関数をバインドしているからです。なので1クリックでPage_IsValidtrueにならなかった場合は以前のクリックで登録した関数も呼び出されることになります。

それからCausesValidationによる順序調整ですが、jQueryで登録されたonsubmitイベントは必ずonclick属性のWebForm_OnSubmit()より後に発生します。なのでonclickでバインドする必要は特にありません。

以上の理由からCausesValidationを特に指定せずに

<script type="text/javascript">
    $('form').submit(function () {
        if (Page_IsValid)
            $(this).submit(function () {
                return false;
            });
    });
</script>

のようなスクリプトをロード時に実行しておけば二度押し防止になります。

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。