第5章 03_05HTMLWeb服务器控件

1、本章将详细介绍功强大的本章将详细介绍功强大的ASP.NET服务器控件服务器控件5.1 HTML服务器控件服务器控件5.2 Web服务器控件服务器控件5.3 验证控件验证控件5.4 用户控件用户控件实验实验 习题习题51验证控件概述验证控件概述2验证控件的具体使用举例验证控件的具体使用举例1用户控件概述用户控件概述2用户控件的使用用户控件的使用验证控件作为验证控件作为Web控控件的一部分，因其特件的一部分，因其特殊的作用，而赋予了殊的作用，而赋予了验证控件的名称，选验证控件的名称，选择工具箱的择工具箱的Web窗体窗体，在下面位置可以看，在下面位置可以看到验证控件相关的几到验证控件相关的几个控件。

2、个控件。验证控件包含在验证控件包含在Web窗体工具箱中，其作用是判窗体工具箱中，其作用是判断用户输入的信息是否符合规定。断用户输入的信息是否符合规定。ASP.NET页面页面将用户输入信息传递给一个或多个适当的验证控将用户输入信息传递给一个或多个适当的验证控件上，控件将测试用户输入并设置表示输入是否件上，控件将测试用户输入并设置表示输入是否通过测试的属性。设置多个验证控件以后，如果通过测试的属性。设置多个验证控件以后，如果任何一个控件显示验证检查失败，则都不能往后任何一个控件显示验证检查失败，则都不能往后执行代码，整个页面都将无效。执行代码，整个页面都将无效。ASP.NET6种验证控件，基本上可

3、完成所有的表单验证要种验证控件，基本上可完成所有的表单验证要求。求。RequiredFieldValidator：必须字段验证控件，检查是否：必须字段验证控件，检查是否有值输入，保证用户不能忽略特定的输入。有值输入，保证用户不能忽略特定的输入。CompareValidator：比较验证控件，将用户输入与其他：比较验证控件，将用户输入与其他常量值或其他控件的属性值进行比较。常量值或其他控件的属性值进行比较。RangeValidator：检查用户输入是否在指定的上线限内。：检查用户输入是否在指定的上线限内。RegularExpressionValidator：模式匹配控件，检查用户：模式匹配控件，

4、检查用户输入是否符合一定的模式，用于检查可预知的字符序列，例输入是否符合一定的模式，用于检查可预知的字符序列，例如电子邮件、电话和邮政编码等字符串。如电子邮件、电话和邮政编码等字符串。CustomValidator：自定义验证控件，由开发者自己定义：自定义验证控件，由开发者自己定义的控件条例，具有很大的灵活性。的控件条例，具有很大的灵活性。ValidationSummary：汇总错误控件，用于显示用户所出：汇总错误控件，用于显示用户所出现的所有错误信息。现的所有错误信息。【例【例 5-9】验证控件的使用。】验证控件的使用。本例所做的是一个用户注册页面，此页面将使用本例所做的是一个用户注册页面，

5、此页面将使用各种验证控件来检测用户所输入的内容是否符合各种验证控件来检测用户所输入的内容是否符合要求。从中可以看到验证控件的使用方法。要求。从中可以看到验证控件的使用方法。1建立输入表格建立输入表格首先在页面中添加一个表格，建立方法是选择首先在页面中添加一个表格，建立方法是选择ASP.NET菜单中的菜单中的“表表”|“插入插入”|“表表”，进，进入表格编辑页面，设置表格的属性，设置如图入表格编辑页面，设置表格的属性，设置如图5-19所示。所示。2在表格中添加文本框在表格中添加文本框然后在表格中分别拉入几个然后在表格中分别拉入几个Web文本框控件以及文本框控件以及输入一些文字，具体分布位置如图输

6、入一些文字，具体分布位置如图5-20所示，所示，其中其中“密码密码”和和“重复输入密码重复输入密码”对应的文本框对应的文本框的的TextMode属性设置为属性设置为Password。每个文本。每个文本框的框的id属性值分别设置为属性值分别设置为tbname、tbpwd、tbpwd2、tbphone、tbemail和和tbaddress。3在文本框旁拖放在文本框旁拖放RequiredFieldValidator控控件件在每个文本框旁边都拖放一个在每个文本框旁边都拖放一个RequiredFieldValidator控件，拖放后页面效果控件，拖放后页面效果如图如图5-21所示。所示。分别选中每个分别

7、选中每个RequiredFieldValidator控件，在控件，在属性框中对应的属性进行设置，置如表属性框中对应的属性进行设置，置如表5-1所示所示。Display是控件在设计视图的显示形式，默认设是控件在设计视图的显示形式，默认设置是置是Static，该设置当数据不符合要求时，则该，该设置当数据不符合要求时，则该验证控件则会显示设置的错误提示，如果设置了验证控件则会显示设置的错误提示，如果设置了None，不会把错误显示在该验证控件上，这里设，不会把错误显示在该验证控件上，这里设置为置为None，如此设定的原因是因为希望在最后利，如此设定的原因是因为希望在最后利用用ValidationSum

8、mary控件把所有错误一次输控件把所有错误一次输出。出。ControlToValidate属性则是设置要验证属性则是设置要验证什么什么控控件，在其选择列表中有所有件，在其选择列表中有所有Textbox控件可供选控件可供选择。择。ErrorMessage则是该控件不通过验证时所则是该控件不通过验证时所输出的提示语句。输出的提示语句。 控件名称对应的输入项控件名称对应的输入项属性名称属性名称属性值属性值用户名用户名DisplayNoneErrorMessage请输入用户名！请输入用户名！ControlToValidatetbnameIDreqUsrid密码密码DisplayNoneErrorMes

9、sage请输入密码！请输入密码！ControlToValidatetbpwdIDreqPwd重复输入密码重复输入密码DisplayNoneErrorMessage请再次输入密码！请再次输入密码！ControlToValidatetbpwd2IDreqPwd2电话号码电话号码DisplayNoneErrorMessage请输入电话号码！请输入电话号码！ControlToValidatetbphoneIDreqPhone电子邮件电子邮件DisplayNoneErrorMessage请输入电子邮件！请输入电子邮件！ControlToValidatetbemailIDreqEmail家庭住址家庭住址D

10、isplayNoneErrorMessage请输入家庭住址！请输入家庭住址！ControlToValidatetbaddressIDreqAddress4添加添加CompareValidator控件控件在在“重复输入密码重复输入密码”文本框旁边再拖放一个文本框旁边再拖放一个CompareValidator控件，以匹配第二次输入的控件，以匹配第二次输入的密码是否与第一次相同，密码是否与第一次相同，CompareValidator控控件属性设置如下，其中件属性设置如下，其中ControlToCompare属性属性设置的是要比较的控件。设置的是要比较的控件。Display：NoneErrorMess

11、age：两次输入的密码不相同！：两次输入的密码不相同！ControlToCompare：tbpwdControlToValidate：tbpwd2ID：comparePwd5添加添加RegularExpressionValidator控件控件在电话号码、电子邮件文本框旁边再分别拖入一个在电话号码、电子邮件文本框旁边再分别拖入一个RegularExpressionValidator控件，以检查电话号码以及电控件，以检查电话号码以及电子邮件格式是否符合标准，子邮件格式是否符合标准，RegularExpressionValidator控控件属性设置如下，其中件属性设置如下，其中ValidationE

12、xpression属性设置的是属性设置的是格式类型。格式类型。“电话号码电话号码”对应的对应的RegularExpressionValidator控件属性控件属性设置如下：设置如下：Display：NoneErrorMessage：电话号码格式错误！：电话号码格式错误！ControlToValidate：tbphoneValidationExpression：中华人民共和国电话号码：中华人民共和国电话号码ID：checkPhone“电子邮件电子邮件”对应的对应的RegularExpressionValidator控件属性设置如控件属性设置如下：下：Display：NoneErrorMessag

13、e：电子邮件格式错误！：电子邮件格式错误！ControlToValidate：tbemailValidationExpression：这项选择：这项选择：Internet 电子邮件地址电子邮件地址ID：checkEmail6添加添加ValidationSummary控件控件最后在页面下方拉入一个最后在页面下方拉入一个ValidationSummary控件以显示错误总集，以及一个控件以显示错误总集，以及一个Label控件显示控件显示所有资料填写符合标准时的提示，将所有资料填写符合标准时的提示，将Label控件控件的的ID设为设为Label1，Text属性清空。属性清空。6设计设计“确认确认”控件

14、的事件代码控件的事件代码双击双击“确认确认”按钮，进入到该按钮的触发函数的编辑，在按钮，进入到该按钮的触发函数的编辑，在该函数中输入以页面初始语句，具体代码如下所示。该函数中输入以页面初始语句，具体代码如下所示。private void Button1_Click(object sender, System.EventArgs e) if(Page.IsValid)Label1.Text=你输入的资料都符合要求！你输入的资料都符合要求！;5.4.1 用户控件概述用户控件概述前面介绍了许多前面介绍了许多ASP.NET自带的强大的服务器控自带的强大的服务器控件，现在使用件，现在使用Web Form

15、页面技术来开发自己制页面技术来开发自己制作的用户控件。作的用户控件。事实上，用户控件与普通的事实上，用户控件与普通的Web Form程序类似程序类似，当一个，当一个Web Form程序被当作服务器控件来使程序被当作服务器控件来使用时，这个用时，这个Web Form程序被称为程序被称为“用户控件用户控件”。用户控件的扩展名为。用户控件的扩展名为ascx，与，与aspx相区分，这相区分，这样用户就不会误认为该用户控件是样用户就不会误认为该用户控件是Web Form页页面了。面了。用户控件只有包含在用户控件只有包含在Web Form页面中才会起作页面中才会起作用，单独的用户控件不能运行。用，单独的用

16、户控件不能运行。【例【例 5-10】用户控件的使用。】用户控件的使用。1添加一个用户控件添加一个用户控件首先为项目添加一个首先为项目添加一个Web用户控件，在菜单中执行用户控件，在菜单中执行“项目项目”|“添加添加Web用户控件用户控件”命令，把控件命名为命令，把控件命名为head.ascx，单击打开。，单击打开。在菜单中执行在菜单中执行“表表”|“插入表插入表”|“表表”命令，插入一个命令，插入一个11的表格，然后在表格中输入一行字，如图的表格，然后在表格中输入一行字，如图5-25所所示。示。 这这个是个是Web用户控件用户控件 回到【例回到【例5-9】所制作的用户注册页面】所制作的用户注册页面WebForm1.aspx，把刚刚制作的，把刚刚制作的head.ascx文文件从件从“解决方案资源管理器解决方案资源管理器”窗口中拖到页面中窗口中拖到页面中来，拉到资料表格的上方，如图来，拉到资料表格的上方，如图5-26所示。所示。用户控件用来制作重复性较高的页面模块是十分用户控件用来制作重复性较高的页面模块是十分有用的，例如页面的头部文件