1 第三章：HTML控件和验证控件
3.1 HTML服务器控件简介
HTML服务器控件是HTML元素的一种演变，默认情况下，服务器无法使用Web窗体
页上的HTML元素，，这些元素被视为传递到浏览器的文本，只能在客户端脚本中可以使用，
但是，通过设置HTML的runat=”server”，将HTML元素转换为HTML服务器控件，这样
就可以在服务器端作为控件进行使用。HTML服务器控件属于System.Web.UI.HtmlControls
命名空间，是从HtmlControl类派生出来的。
HTML服务器控件和web控件一样在服务器端使用，页面的代码均可访问此类控件的
属性。
可以添加id和runat属性，将它转换为HTML服务器控件，如下所示：
注意：所有的HTML服务器控件必须在带有runat="server"属性的
ASP .NET 要求所有的 HTML 元素必须被正确封闭和正确嵌套。
示例：
在VS2005 中，新建一个网站，并将其命名为HtmlServerControls。从“Toolbox”中拖动
一个HTML表格控件到设计区。将该表格设置为2列6 行。将一个HTML按钮拖动到页面
中，并且置于表格下方。接着设置按钮的ID和runat="server"属性。在 表格第一行的第一
个单元格中，输入文本字符串Name，然后在第二个单元格中，添加一个Input（文本框）控
件。将Input控件的ID设置为 txtName。接下来的三行与之类似，三个Input控件分别命名
为txtStreet、txtCity和txtState。保留表格第5行的空白。保留最后一行第二列的空白，并将
它的ID设置为tdInnerHtml。设计视图如图其中标识了控件名称。
图3-5：HTML控件的页面布局
确认所有被命名的控件都设置了runat="server"属性。然而，页面上其他表格元素，既
不需要ID属性，又不需要runat属性。因为，它们都用作静态显示，而无须在服务器上处
验证控件的使⽤⼆（RequiredFieldValidator）
RequiredFieldValidator
InitialValue 表⽰默认值 ⽂本框
1
8
9
10
11 RequiredFieldValidator
12
13
14
15
16 My Initial Value
17
18
19 Text="Please change value" ControlToValidate="TextBox1"
20 InitialValue="My Initial Value">
21
22
23 Text="Do not leave empty" ControlToValidate="TextBox1">
24
25
26
27
28
29
30
31
32
33
验证控件
⼀、RequiredFieldValidator
说明：使关联的输⼊控件成为⼀个必选字段。
功能RequiredFieldValidator控件，常⽤于验证⽂本输⼊框是否为空。当⽤户提交⽹页中的数据到服务器端时，系统⾃动检查被验证控件的输⼊内容是否为空，如果为空，则RequiredFieldValidator控件在⽹页中显⽰提⽰信息。
⽰例：
属性
描述
ControlToValidate
该属性获取或设置要验证的输⼊控件
Display
该属性获取或设置验证控件中错误信息的显⽰⾏为
EnableViewState
该属性获取或设置⼀个值，该值指⽰服务器控件是否向发出请求的客户端保持⾃⼰的视图状态以及它所包含的任何⼦控件的视图状态
ErrorMessage
该属性获取或设置验证失败时ValidationSummary控件中显⽰的错误信息的⽂本
ForeColor
该属性获取或设置验证失败后显⽰的消息的颜⾊
IsValid
该属性获取或设置⼀个值，该值指⽰关联的输⼊控件是否通过验证
SetFocusOnError
该属性获取或设置⼀个值，该值指⽰在验证失败时是否将焦点设置到ControlToValidate属性指定的控件上
Text
该属性获取或设置验证失败时验证控件中显⽰的⽂本
Page
该属性获取对包含服务器控件的 Page实例的引⽤
Visible
该属性获取或设置⼀个值，该值指⽰服务器控件是否作为 UI呈现在页上
⼆、CompareValidator
说明：将⽤户输⼊控件的值与输⼊到其他空间的值或常熟值进⾏⽐较
CompareValidator 控件⼜称为“⽐较验证控件”，它主要⽤于将输⼊控件的值与指定的常数值或其他输⼊控件的值按照指定的⽐较运算符（>、<、=、<>、>=及<=等）进⾏⽐较，
以判断两个值是否匹配。此外，CompareValidator 控件还可以⽤来判断⽤户输⼊的值是否可以转换为其Type属性所指定的数据类型。
Week6 验证控件的应用
准备工作：请先在 F盘的A卷或B卷中创建你姓名学号的文件夹，将下面的练习保存在该 文件夹内。
相关知识点一验证控件
验证控件是技术中用于实现用户输入数据验证的服务器控件，可 以实现对用户输入数据的空值验证，格式验证，类型验证，范围验证等，保证数 据的准确输入。验证方式可以包括客户端验证和服务器端验证， 验证控件支持这
两种验证方式的设计。
练习1设计并实现一个带验证控件的用户注册页面，命名为 UserRegister.aspx。 要求如下：
(1) 页面浏览效果如图 3-1和图3-2所示。
(2) “用户名”、“密码”、“确认密码”、“生日”、“电话号码”和“身份证号”等信息必 须输入。
(3) “密码”和“确认密码”的输入值必须一致。
(4) “生日”的输入值必须在 1970-1-1到2000-1-1之间。
(5) “电话号码”的输入信息格式必须如 8形式。
(6) “身份证号”中的出生年月信息必须为合法的日期数据。
(7) 能汇总显示所有的验证错误信息，并以独立的对话框显示。
(8) 当验证控件出现验证错误时，焦点会定位在出现验证错误的文本框中。
(9) 若通过所有的验证，则显示“验证通过”的信息。
"f Ei ■■ -匸■鼻匚 MH.
图3-1 “用户注册”浏览效果(1)®® ■ 'Pt O 專 *
1 ________ ______________
+
生日F
阻诩耳碍T
为曲匹号；
1片1 ft*r> ■! •吗■曲 日蒔■离咱™ » I
- 巨 广■ £ 壬忸“ /e』**从冲
确也在码： ■■
生.m： rssai t
电洋号硏「
M5E号『
pFF|
图3-2单击“确定”按钮的效果（2）
操作步骤：
（1）设计Web窗体
新建一个 Web窗体，切换到设计视图。如图 3-3所示，在工具箱中的“ HTML ”里
双击Table控件，在表格上 单击右键 插入三行；接着向页面输入“用户名” 、“密码：”、
