ASP.NET AJAX：在 UpdatePanel 中使用驗證控制項

前言

UpdatePanel 內的驗證控制項可實現局部驗證與回發。本演練建立簡易票券查詢系統：日期、張數輸入驗證，通過後才執行非同步回發刷新面板。

先決條件

• Visual Studio 2008 / Visual Web Developer 2008 Express
• 支援 AJAX 的 ASP.NET 網站

頁面佈局

1. 新增頁面，切換至設計檢視。
2. 拖入 ScriptManager、UpdatePanel。
3. 於 UpdatePanel 內依序放置：TextBox (日期)、Calendar、TextBox (張數)、Button (查詢)、Label (結果)。
4. 加入驗證控制項：RequiredFieldValidator、RangeValidator (張數 1~10)、CompareValidator (日期格式)。

關鍵設定

• 驗證控制項 ValidationGroup="TicketQuery"，按鈕同設定，限定驗證範圍。
• UpdatePanel ChildrenAsTriggers="true" (預設)，按鈕觸發局部回發。
• 伺服器端 Button_Click 查詢庫存，更新 Label.Text。

執行流程

1. 使用者輸入資料點擊查詢。
2. 客戶端驗證通過 → 發起非同步回發。
3. 伺服器端執行查詢邏輯，回傳部分 HTML 更新 UpdatePanel 內容。
4. 驗證失敗 → 封鎖回發，顯示錯誤訊息。

總結

UpdatePanel 完整支援驗證控制項，透過 ValidationGroup 隔離驗證範圍，實現無縫的局部驗證與更新體驗。