在UpdatePanel控件中使用验证控件
sender As Object, ByVal e As System.EventArgs) Label1.Text = "Tickets are available as of " & DateTime.Now.ToString() & "." End Sub </script> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <title>UpdatePanel with Validators Example</title> </head> <body> <form id="form1" runat="server"> <div> <asp:ScriptManager ID="ScriptManager1" runat="server" /> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> Select a date below or enter a date: <asp:TextBox ID="TextBox1" runat="server" Width="70px"></asp:TextBox><br /> <asp:Calendar ID="Calendar1" runat="server" OnSelectionChanged="Calendar1_SelectionChanged" /> <br /> Specify number of tickets (1-10): <asp:TextBox ID="TextBox2" runat="server" Width="40px"></asp:TextBox><br /> <asp:Button ID="Button1" runat="server" OnClientClick="ClearLastMessage(''Label1'')" Text="Check Availability" OnClick="Button1_Click" /> <br /> <br /> <asp:Label ID="Label1" runat="server"></asp:Label> <br /> </ContentTemplate> </asp:UpdatePanel> </div> </form> </body> </html> 为输入控件添加验证 此时尚未对该页上的用户输入进行验证。用户可能没有输入内容,也可能输入了过去的日期或处于 1 到 10 范围之外的数字。因此,现在需要在 UpdatePanel 控件中添加验证控件,以防出现这些情况。 下面的过程会添加客户端验证,以确保必须在面板中的文本框控件中填写内容且其值必须在正确的范围内。此过程使用一个验证摘要控件来显示验证错误消息。只有验证成功后,该页才会执行异步回发。 为 UpdatePanel 中的输入控件添加验证 在前面创建的页中,切换到“设计”视图。 从“工具箱”的“验证”选项卡上,将一个 CompareValidator 和一个 RequiredFieldValidator 控件拖动到 UpdatePanel 控件中。 对于 CompareValidator 控件,请按如下方式设置属性: 属性 设置 ControlToValidate TextBox1 ErrorMessage 请选择将来的某个日期。 Operator GreaterThanEqual Type 日期 Display 无对于 RequiredFieldValidator 控件,请按如下方式设置属性: 凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |