在UpdatePanel控件中使用验证控件

在本演练中，您将在 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 控件中。