在本演練中,您將在 UpdatePanel 控件中使用驗證控件以在浏覽器中執行驗證。
所用示例是一個簡化的票證查詢系統。用戶可以指定他們所需的日期和票證數目。當用戶提交該頁時,該頁將指示是否存在可用票證。
接受用戶輸入的控件位於 UpdatePanel 控件中。若要確保用戶只輸入有效的值,則還需要在 UpdatePanel 控件中添加驗證控件。
UpdatePanel 控件中的按鈕可執行異步回發,但僅在用戶輸入有效時才起作用。當在浏覽器中驗證成功後,將執行異步回發並刷新面板的內容。
先決條件
若要在您自己的開發環境中實現這些過程,您需要:
Visual Studio 2008 或 Visual Web Developer 2008 速成版。
一個支持 AJAX 的 ASP.NET 網站。
在 UpdatePanel 控件中添加輸入控件
在 UpdatePanel 控件中添加輸入控件
在 ASP.NET 網站中,創建一個新頁,然後切換到“設計”視圖。
如果該頁尚未包含 ScriptManager 控件,請從“工具箱”的“AJAX Extensions”選項卡上將一個該控件拖動到該頁上。
從“工具箱”的“AJAX Extensions”選項卡上,將一個 UpdatePanel 控件拖動到該頁上。
從“工具箱”的“標准”選項卡上,將一個 TextBox、Calendar、TextBox、Button 和 Label 控件依次拖動到 UpdatePanel 控件中。