javascript - asp.netページでトランザクションが終了するまでトランザクションボタンを無効にする

Question

ページに取引ボタンがありasp.netます。
ユーザーがトランザクションボタンをクリックした場合、トランザクションが終了するまでボタンを無効にする必要があります。

クライアントスクリプトを使用してこれをどのように行うことができますか？

Answer 1

はい、できます。トランザクションが ajax リクエストであると仮定すると、javascript を使用して次のことができます。

...

 performTransaction = function() {
    var btn = document.getElementById('transaction_btn'), ajax;
    btn.disabled = true;

    // perform ajax request....
    ajax = ...;
    ajax.onreadystatechange = function(ste) {
        btn.disabled = false;
    };
}

Answer 2

ボタンコード:

<asp:Button ID="btnTransaction" runat="server" Text="Submit" onclick="btnTransaction_Click" OnClientClick="DisableMe(this.id);" />

クライアント スクリプト:

<script type="text/javascript">
    function DisableMe(id)
    {
        document.getElementById(id).disabled = true;
    }
</script>

そして、サーバー側で使用します

protected void btnTransaction_Click(object sender, EventArgs e)
    {
        // after your transction code executes
        btnTransaction.Enabled = true;
    }

Answer 3

クライアント側スクリプト -
OnClientClick= "this.disabled = true; this.value = 'Submitting...'; enableImage();"
UseSubmitBehavior="false" Text="注文の確認" onclick="BtnSubmit_Click1" />