3HTMLWeb服务器控件概论.ppt

本章将详细介绍功强大的ASP.NET服务器控件;　5.1 HTML服务器控件　5.2 Web服务器控件　5.3 验证控件　5.4 用户控件　实验 　习题5;验证控件作为Web控件的一部分，因其特殊的作用，而赋予了验证控件的名称，选择工具箱的Web窗体，在下面位置可以看到验证控件相关的几个控件。;验证控件包含在Web窗体工具箱中，其作用是判断用户输入的信息是否符合规定。ASP.NET页面将用户输入信息传递给一个或多个适当的验证控件上，控件将测试用户输入并设置表示输入是否通过测试的属性。设置多个验证控件以后，如果任何一个控件显示验证检查失败，则都不能往后执行代码，整个页面都将无效。 ;;【例 5-9】验证控件的使用。 本例所做的是一个用户注册页面，此页面将使用各种验证控件来检测用户所输入的内容是否符合要求。从中可以看到验证控件的使用方法。 ;1．建立输入表格 首先在页面中添加一个表格，建立方法是选择ASP.NET菜单中的“表”|“插入”|“表”，进入表格编辑页面，设置表格的属性，设置如图5-19所示。 ;2．在表格中添加文本框 然后在表格中分别拉入几个Web文本框控件以及输入一些文字，具体分布位置如图5-20所示，其中“密码”和“重复输入密码”对应的文本框的TextMode属性设置为Password。每个文本框的id属性值分别设置为tbname、tbpwd、tbpwd2、tbphone、tbemail和tbaddress。 ;3．在文本框旁拖放RequiredFieldValidator控件 在每个文本框旁边都拖放一个RequiredFieldValidator控件，拖放后页面效果如图5-21所示。 ;分别选中每个RequiredFieldValidator控件，在属性框中对应的属性进行设置，置如表5-1所示。 Display是控件在设计视图的显示形式，默认设置是Static，该设置当数据不符合要求时，则该验证控件则会显示设置的错误提示，如果设置了None，不会把错误显示在该验证控件上，这里设置为None，如此设定的原因是因为希望在最后利用ValidationSummary控件把所有错误一次输出。 ControlToValidate属性则是设置要验证什么控件，在其选择列表中有所有Textbox控件可供选择。ErrorMessage则是该控件不通过验证时所输出的提示语句。; ;4．添加CompareValidator控件 在“重复输入密码”文本框旁边再拖放一个CompareValidator控件，以匹配第二次输入的密码是否与第一次相同，CompareValidator控件属性设置如下，其中ControlToCompare属性设置的是要比较的控件。 Display：None ErrorMessage：两次输入的密码不相同！ ControlToCompare：tbpwd ControlToValidate：tbpwd2 ID：comparePwd ;5．添加RegularExpressionValidator控件 在电话号码、电子邮件文本框旁边再分别拖入一个RegularExpressionValidator控件，以检查电话号码以及电子邮件格式是否符合标准，RegularExpressionValidator控件属性设置如下，其中ValidationExpression属性设置的是格式类型。 “电话号码”对应的RegularExpressionValidator控件属性设置如下： Display：None ErrorMessage：电话号码格式错误！ ControlToValidate：tbphone ValidationExpression：中华人民共和国电话号码 ID：checkPhone ;“电子邮件”对应的RegularExpressionValidator控件属性设置如下： Display：None ErrorMessage：电子邮件格式错误！ ControlToValidate：tbemail ValidationExpression：这项选择：Internet 电子邮件地址 ID：checkEmail ;6．添加ValidationSummary控件 最后在页面下方拉入一个ValidationSummary控件以显示错误总集，以及一个Label控件显示所有资料填写符合标准时的提示，将Label控件的ID设为Label1，Text属性清空。 ;6．设计“确认”控件的事件代码 双击“确认”按钮，进入到该按钮的触发函数的编辑，在该函数中输入以页面初始语句，具体代码如下所示。 ? private void Button1_Click(object sender, System.EventArgs e) { if