在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 控件中。 说明： 确保这些控件都位于 UpdatePanel 控件中。 在第一个 TextBox 控件旁边，键入“请选择或输入日期:”。 在第二个 TextBox 控件旁边，键入“请选择票证数目(1-10):”。 选择 Button 控件，然后将其 Text 属性设置为“检查可用性”。 选择 Label 控件并清除其 Text 属性。 在“设计”视图中，结果页将与以下内容类似：
双击 Calendar 控件，以便为其 SelectionChanged 事件添加事件处理程序。 在该事件处理程序中，请添加以下代码，此代码会将第一个 TextBox 的文本设置为所选日期，同时清除 Label 控件的 Text 属性。
切换到“设计”视图。 双击 Button 控件，以便为其 Click 事件添加事件处理程序。 在该事件处理程序中，请添加以下代码，此代码会在异步回发期间设置 Label 控件的文本。
您可以在此事件处理程序中为自己的票证应用程序添加自定义代码。 保存更改，然后按 Ctrl+F5 在浏览器中查看该页。 选择一个日期，接着输入一个介于 1 和 10 之间的数字，然后单击“检查可用性”。 该按钮将引发以票证可用性信息更新 Label 控件的异步回发。 下面的示例演示完整的标记。
|
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
