C# ASP.NET復選框的異步驗證

在ASP.NET Web Forms中，使用C#進行異步驗證復選框的方法如下：

1. 首先，在ASP.NET頁面上添加一個復選框控件和一個按鈕控件。為復選框設置AutoPostBack屬性為false，以防止頁面在每次狀態更改時自動回發。為按鈕設置OnClientClick屬性，以便在客戶端觸發異步驗證。

<asp:CheckBox ID="CheckBox1" runat="server" AutoPostBack="false" />
<asp:Button ID="btnValidate" runat="server" Text="驗證" OnClientClick="return ValidateCheckBox();" />

2. 在ASP.NET頁面的代碼后臺（C#）中，創建一個名為ValidateCheckBox的JavaScript函數，該函數將在客戶端執行。在此函數中，使用setTimeout方法設置一個定時器，以便在指定的延遲時間后執行異步請求。

<script type="text/javascript">
    function ValidateCheckBox() {
        var checkBox = document.getElementById('<%= CheckBox1.ClientID %>');
        var delay = 1000; // 延遲時間，單位為毫秒

        if (checkBox.checked) {
            setTimeout(function () {
                // 在這里執行異步請求，例如使用AJAX調用服務器端方法
                // 示例：$.ajax({...});
            }, delay);
        }

        return false; // 阻止表單提交，以便在異步驗證完成之前不會提交表單
    }
</script>

3. 在服務器端（C#），創建一個名為ValidateCheckBoxAsync的異步方法，該方法將在異步請求完成時執行。在此方法中，根據驗證邏輯返回一個布爾值。

[System.Web.Services.WebMethod]
public static bool ValidateCheckBoxAsync()
{
    // 在這里執行驗證邏輯
    // 例如，檢查數據庫中是否存在與復選框關聯的數據
    bool isValid = CheckForAssociatedData();

    return isValid;
}

4. 在客戶端（JavaScript），創建一個名為ValidateCheckBoxCallback的回調函數，該函數將在異步請求完成時執行。在此函數中，根據服務器端方法的返回值更新復選框的狀態。

function ValidateCheckBoxCallback(result) {
    var checkBox = document.getElementById('<%= CheckBox1.ClientID %>');

    if (result) {
        checkBox.checked = true;
    } else {
        checkBox.checked = false;
    }
}

5. 修改ValidateCheckBox函數，以便在異步請求完成時調用ValidateCheckBoxCallback函數。

function ValidateCheckBox() {
    var checkBox = document.getElementById('<%= CheckBox1.ClientID %>');
    var delay = 1000; // 延遲時間，單位為毫秒

    if (checkBox.checked) {
        setTimeout(function () {
            $.ajax({
                type: "POST",
                url: "<YOUR ASP.NET URL>/ValidateCheckBoxAsync",
                data: "{}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    ValidateCheckBoxCallback(response.d);
                },
                failure: function (response) {
                    ValidateCheckBoxCallback(false);
                },
                error: function (response) {
                    ValidateCheckBoxCallback(false);
                }
            });
        }, delay);
    }

    return false; // 阻止表單提交，以便在異步驗證完成之前不會提交表單
}

現在，當用戶點擊驗證按鈕時，復選框將進行異步驗證。如果驗證成功，復選框將被選中；如果驗證失敗，復選框將被取消選中。