ASP-NET-4.0-基础教程(C#)第三章-Web-控.ppt

《ASP-NET-4.0-基础教程(C#)第三章-Web-控.ppt》由会员分享，可在线阅读，更多相关《ASP-NET-4.0-基础教程(C#)第三章-Web-控.ppt（73页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、1 内容：内容：l WebWeb控件类控件类 l 控件事件控件事件l 列表控件列表控件 l 表控件表控件l 验证控件验证控件第第第第3 3 3 3章章章章 ASP.NETASP.NETASP.NETASP.NET服务器控件服务器控件服务器控件服务器控件 一、基本控件一、基本控件一、基本控件一、基本控件 ASP.NETASP.NET提供了与提供了与HTMLHTML元素相对应的基本的元素相对应的基本的WebWeb控件，诸如控件，诸如LabelLabel、TextBoxTextBox控件等。控件等。3一、基本控件一、基本控件一、基本控件一、基本控件 示例:参考本书例3-1.4二、二、二、二、WebW

2、ebWebWeb控件类控件类控件类控件类 Web控件类都被放置在命名空间下面。5二、二、二、二、WebWebWebWeb控件类控件类控件类控件类 1 1 1 1、基本属性、基本属性、基本属性、基本属性 Web控件的基类WebControl定义了 一些可以应用于几乎所有的Web控件的基本属性，见书中的表3-2.6二、二、二、二、WebWebWebWeb控件类控件类控件类控件类 1 1 1 1、基本属性、基本属性、基本属性、基本属性 (1)单位 Web控件提供了诸如Borderwidth、Width和Hight属性来控制控件显示的大小，可以使用一个数值加一个度量单位设置这些属性，这些度量单位包括相

3、素(pixels)、百分比等。在设置这些属性时，必须添加单位符号px(表示相素)或%(百分比)以指明使用的单位类型。7二、二、二、二、WebWebWebWeb控件类控件类控件类控件类 1 1 1 1、基本属性、基本属性、基本属性、基本属性 示例:在页面中定义:在代码中定义:1.TextBox1.Height=Unit.Pixel(20);2.TextBox1.Width=Unit.Pixel(300);8二、二、二、二、WebWebWebWeb控件类控件类控件类控件类 1 1 1 1、基本属性、基本属性、基本属性、基本属性 (2)枚举Web控件的一些属性的值只能为类库提供的枚举值 示例示例:例

4、如，设置一个控件的例如，设置一个控件的BackColor的属性，可以从颜色的枚的属性，可以从颜色的枚举值中选取一个值举值中选取一个值:textBox1.BackColor=Color.Red;91 1 1 1、基本属性、基本属性、基本属性、基本属性 (3)(3)颜色颜色 在在.NET.NET框架中，命名空间框架中，命名空间System.DrawingSystem.Drawing提供了一个提供了一个ColorColor对象，对象，使用该对象可以设置控件的颜色属性。创建颜色对象的方式有如使用该对象可以设置控件的颜色属性。创建颜色对象的方式有如下几种：下几种：使用使用ARGB(alphaARGB(a

5、lpha，redred，greengreen，blue)blue)颜色值：可以为每个值指定颜色值：可以为每个值指定一个从一个从0 0到到255255的整数。其中的整数。其中alphaalpha表示颜色的透明度，当表示颜色的透明度，当alphaalpha的的值为值为255255时表明完全不透明；时表明完全不透明；redred表示红色，当表示红色，当redred的值为的值为255255时表时表示颜色为纯红色；示颜色为纯红色；greengreen表示绿色，当表示绿色，当greengreen的值为的值为255255时表示颜色时表示颜色为纯绿色；为纯绿色；blueblue表示蓝色，当表示蓝色，当blue

6、blue的值为的值为255255时表示颜色为纯蓝色。时表示颜色为纯蓝色。使用颜色的枚举值，可供挑选的颜色名有使用颜色的枚举值，可供挑选的颜色名有140140个。个。使用使用HTMLHTML颜色名，可以使用类颜色名，可以使用类ColorTranslatorColorTranslator把字符串转换成颜把字符串转换成颜色值。色值。101 1 1 1、基本属性、基本属性、基本属性、基本属性 示例示例:int alpha=255,red=0;green=255,blue=0;int alpha=255,red=0;green=255,blue=0;textBox1.BackColor=Color.Fr

7、omArgb(alpha,red,green,blue);textBox1.BackColor=Color.FromArgb(alpha,red,green,blue);textBox1.BackColor=Color.Red;textBox1.BackColor=Color.Red;textBox1.BackColor=ColorTranslator.FromHtml(textBox1.BackColor=ColorTranslator.FromHtml(“BlueBlue”););1 1 1 1、基本属性、基本属性、基本属性、基本属性 (4)字体 控件的字体属性依赖于定义在命名空间中的对象

8、FontInfo，FontInfo提供的属性如下表。属性属性说明说明NameName指明字体的名称指明字体的名称(例如例如Arial)Arial)。NamesNames指明一系列字体，浏览器会首先选用第一指明一系列字体，浏览器会首先选用第一个匹配用户安装的字体。个匹配用户安装的字体。SizeSize字体的大小，可以设置相对值或者真实值。字体的大小，可以设置相对值或者真实值。Bold,Italic,Bold,Italic,Strikeout,Strikeout,Underline,Underline,和和OverlineOverline布尔属性，用来设定是否应用给定的样式布尔属性，用来设定是否应

9、用给定的样式特性。特性。1 1 1 1、基本属性、基本属性、基本属性、基本属性 示例:/设置按钮Button1的字体属性 Button1.Font.Name=“Verdana”;/设置字体为Verdana Button1.Font.Bold=true;/加粗 Button1.Font.Size=FontUnit.Small;/设置字体的相对大小 Button1.Font.Size=FontUnit.Point(14);/设置字体的实际大小为14像素 13二、二、二、二、WebWebWebWeb控件的事件控件的事件控件的事件控件的事件 1 1 1 1、事件模型、事件模型、事件模型、事件模型 We

10、bWeb控件的事件的工作方式与传统的控件的事件的工作方式与传统的HTMLHTML标记的客户标记的客户端事件工作方式有所不同，这是因为端事件工作方式有所不同，这是因为HTMLHTML标记的客户端事标记的客户端事件是在客户端引发和处理的，而件是在客户端引发和处理的，而ASP.NETASP.NET页面中的页面中的WebWeb控件控件的事件是的事件是在客户端引发，在服务器端处理。在客户端引发，在服务器端处理。Web Web控件的事件模型是这样来描述的，客户端捕捉到控件的事件模型是这样来描述的，客户端捕捉到事件信息，然后通过事件信息，然后通过HTTP POSTHTTP POST将事件信息传输到服务器，将

11、事件信息传输到服务器，而且页框架必须解释该而且页框架必须解释该POSTPOST以确定所发生的事件，然后在以确定所发生的事件，然后在要处理该事件的服务器上调用代码中的相应方法。下图描要处理该事件的服务器上调用代码中的相应方法。下图描述了述了WebWeb控件的模型控件的模型.14二、二、二、二、WebWebWebWeb控件的事件控件的事件控件的事件控件的事件 1 1 1 1、事件模型、事件模型、事件模型、事件模型二、二、二、二、WebWebWebWeb控件的事件控件的事件控件的事件控件的事件 2 2 2 2、基本的事件、基本的事件、基本的事件、基本的事件 基于以上的事件模型，基于以上的事件模型，W

12、ebWeb控件事件可能会影响到页面的性控件事件可能会影响到页面的性能，因此，能，因此，WebWeb控件仅仅提供有限的一组的事件控件仅仅提供有限的一组的事件,如下表所示如下表所示.事件事件支持的控件支持的控件ClickButton，ImageButtonTextChangedTextBoxCheckedChangedDropDownList，ListBox，CheckBoxList，RadioButtonList16二、二、二、二、WebWebWebWeb控件的事件控件的事件控件的事件控件的事件 3 3 3 3、事件的绑定、事件的绑定、事件的绑定、事件的绑定 在处理在处理WebWeb控件时，需要

13、把事件绑定到方法控件时，需要把事件绑定到方法(事件处理程事件处理程序序)。一个事件就是一条信息，例如一个事件就是一条信息，例如“某按钮被单击某按钮被单击”。在。在应用程序中，必须将信息转换成代码中的方法调用，事件消应用程序中，必须将信息转换成代码中的方法调用，事件消息与特定方法之间的绑定是通过事件委托来实现的。在息与特定方法之间的绑定是通过事件委托来实现的。在ASP.NETASP.NET页面中，如果控件是以声明的方式在页中创建的，页面中，如果控件是以声明的方式在页中创建的，则就不需要显示地对委托进行编码。则就不需要显示地对委托进行编码。17二、二、二、二、WebWebWebWeb控件的事件控件

14、的事件控件的事件控件的事件 3 3 3 3、事件的绑定、事件的绑定、事件的绑定、事件的绑定 例如把一个例如把一个ButtonButton控件的控件的ClickClick事件绑定到名为事件绑定到名为ButtonClickButtonClick的方法，代码如下：的方法，代码如下：asp:button id=/如果控件是被动态创建的，则就需要使用代码动态地绑如果控件是被动态创建的，则就需要使用代码动态地绑定事件到方法定事件到方法:Button b=new Button;Button b=new Button;b.Text=b.Text=“按钮按钮”;b.Click+=new System.Event

15、Handler(ButtonClick);b.Click+=new System.EventHandler(ButtonClick);18三、列表控件三、列表控件三、列表控件三、列表控件 1 1 1 1、ListBoxListBoxListBoxListBox控件控件控件控件 ListBox控件用于创建多选的下拉列表，而可选项是通过ListItem元素来定义的。ListBox控件提供如右表所示的属性191 1 1 1、ListBoxListBoxListBoxListBox控件控件控件控件ListBoxListBox控件提供如下表所示的方法控件提供如下表所示的方法20例例 3-2:3-2:页面

16、代码页面代码:21Page_LoadPage_Load事件函数中的代码事件函数中的代码:protected void Page_Load(object sender,EventArgs e)protected void Page_Load(object sender,EventArgs e)if(!Page.IsPostBack)if(!Page.IsPostBack)/数据生成数据生成 DataSet ds=new DataSet();DataSet ds=new DataSet();ds.Tables.Add(stu);ds.Tables.Add(stu);ds.Tablesstu.Col

17、umns.Add(stuNo,typeof(int);ds.Tablesstu.Columns.Add(stuNo,typeof(int);ds.Tablesstu.Columns.Add(stuName,typeof(string);ds.Tablesstu.Columns.Add(stuName,typeof(string);ds.Tablesstu.Columns.Add(stuScore,typeof(int);ds.Tablesstu.Columns.Add(stuScore,typeof(int);ds.Tablesstu.Rows.Add(new object 1,ds.Tabl

18、esstu.Rows.Add(new object 1,张一张一,100);,100);ds.Tablesstu.Rows.Add(new object 2,ds.Tablesstu.Rows.Add(new object 2,王二王二,100);,100);ds.Tablesstu.Rows.Add(new object 3,ds.Tablesstu.Rows.Add(new object 3,李三李三,100);,100);ds.Tablesstu.Rows.Add(new object 4,ds.Tablesstu.Rows.Add(new object 4,赵四赵四,100);,100

19、);ds.Tablesstu.Rows.Add(new object 5,ds.Tablesstu.Rows.Add(new object 5,周五周五,100);,100);/绑定数据到绑定数据到ListBoxListBox控件控件 this.ListBox1.DataSource=ds.Tablesstu;this.ListBox1.DataSource=ds.Tablesstu;this.ListBox1.DataValueField=stuNo;this.ListBox1.DataValueField=stuNo;this.ListBox1.DataTextField=stuName;

20、this.ListBox1.DataTextField=stuName;this.ListBox1.DataBind();this.ListBox1.DataBind();22示例示例:事件：事件：ListBox1_SelectedIndexChangedListBox1_SelectedIndexChanged:protected void ListBox1_SelectedIndexChanged(object sender,EventArgs e)this.Label1.Text=你选择的学生是：学号 +this.ListBox1.SelectedValue.ToString()+姓名

21、+this.ListBox1.SelectedItem.Text.ToString();232 2 2 2、DropDownListDropDownListDropDownListDropDownList控件控件控件控件 DropDownListDropDownList控件提供可为用户单选的控件提供可为用户单选的下拉列表框，该控件类似于下拉列表框，该控件类似于ListBoxListBox控件，只控件，只不过它只在框中显示选定项和下拉按钮，而当不过它只在框中显示选定项和下拉按钮，而当用户单击下拉按钮时将显示可选项的列表。用户单击下拉按钮时将显示可选项的列表。242 2 2 2、DropDownL

22、istDropDownListDropDownListDropDownList控件控件控件控件DropDownListDropDownList控件提供如下表所示的属性控件提供如下表所示的属性252 2 2 2、DropDownListDropDownListDropDownListDropDownList控件控件控件控件DropDownListDropDownList控件提供如下表所示的方法控件提供如下表所示的方法262 2 2 2、DropDownListDropDownListDropDownListDropDownList控件控件控件控件示例:页面代码:272 2 2 2、DropDow

23、nListDropDownListDropDownListDropDownList控件控件控件控件Page_LoadPage_Load事件函数中的代码事件函数中的代码:if(!Page.IsPostBack)if(!Page.IsPostBack)/数据生成数据生成 DataSet ds=new DataSet();DataSet ds=new DataSet();ds.Tables.Add(stu);ds.Tables.Add(stu);ds.Tablesstu.Columns.Add(stuNo,typeof(int);ds.Tablesstu.Columns.Add(stuNo,type

24、of(int);ds.Tablesstu.Columns.Add(stuName,typeof(string);ds.Tablesstu.Columns.Add(stuName,typeof(string);ds.Tablesstu.Columns.Add(stuScore,typeof(int);ds.Tablesstu.Columns.Add(stuScore,typeof(int);ds.Tablesstu.Rows.Add(new object 1,ds.Tablesstu.Rows.Add(new object 1,张一张一,100);,100);ds.Tablesstu.Rows.

25、Add(new object 2,ds.Tablesstu.Rows.Add(new object 2,王二王二,100);,100);ds.Tablesstu.Rows.Add(new object 3,ds.Tablesstu.Rows.Add(new object 3,李三李三,100);,100);ds.Tablesstu.Rows.Add(new object 4,ds.Tablesstu.Rows.Add(new object 4,赵四赵四,100);,100);ds.Tablesstu.Rows.Add(new object 5,ds.Tablesstu.Rows.Add(new

26、 object 5,周五周五,100);,100);/绑定数据到绑定数据到ListBoxListBox控件控件 this.DropDownList1.DataSource=ds.Tablesstu;this.DropDownList1.DataSource=ds.Tablesstu;this.DropDownList1.DataValueField=stuNo;this.DropDownList1.DataValueField=stuNo;this.DropDownList1.DataTextField=stuName;this.DropDownList1.DataTextField=stuN

27、ame;this.DropDownList1.DataBind();this.DropDownList1.DataBind();283 3 3 3、CheckBoxListCheckBoxListCheckBoxListCheckBoxList控件控件控件控件 CheckBoxList控件用来创建多项选择复选框组，该复选框组可以通过将控件绑定到数据源动态创建。293 3 3 3、CheckBoxListCheckBoxListCheckBoxListCheckBoxList控件控件控件控件CheckBoxList控件提供如下表所示的属性303 3 3 3、CheckBoxListCheckBo

28、xListCheckBoxListCheckBoxList控件控件控件控件CheckBoxList控件提供如下表所示的方法31示例:页面代码 32Page_LoadPage_Load事件函数中的代码事件函数中的代码:if(!Page.IsPostBack)if(!Page.IsPostBack)/数据生成数据生成 DataSet ds=new DataSet();DataSet ds=new DataSet();ds.Tables.Add(stu);ds.Tables.Add(stu);ds.Tablesstu.Columns.Add(stuNo,typeof(int);ds.Tablesst

29、u.Columns.Add(stuNo,typeof(int);ds.Tablesstu.Columns.Add(stuName,typeof(string);ds.Tablesstu.Columns.Add(stuName,typeof(string);ds.Tablesstu.Columns.Add(stuScore,typeof(int);ds.Tablesstu.Columns.Add(stuScore,typeof(int);ds.Tablesstu.Rows.Add(new object 1,ds.Tablesstu.Rows.Add(new object 1,苹果苹果,100);

30、,100);ds.Tablesstu.Rows.Add(new object 2,ds.Tablesstu.Rows.Add(new object 2,香蕉香蕉,100);,100);ds.Tablesstu.Rows.Add(new object 3,ds.Tablesstu.Rows.Add(new object 3,梨梨,100);,100);ds.Tablesstu.Rows.Add(new object 4,ds.Tablesstu.Rows.Add(new object 4,哈密瓜哈密瓜,100,100););ds.Tablesstu.Rows.Add(new object 5,d

31、s.Tablesstu.Rows.Add(new object 5,仙人果仙人果,100,100););/绑定数据到绑定数据到ListBoxListBox控件控件 this.CheckBoxList1.DataSource=ds.Tablesstu;this.CheckBoxList1.DataSource=ds.Tablesstu;this.CheckBoxList1.DataValueField=stuNo;this.CheckBoxList1.DataValueField=stuNo;this.CheckBoxList1.DataTextField=stuName;this.CheckB

32、oxList1.DataTextField=stuName;this.CheckBoxList1.DataBind();this.CheckBoxList1.DataBind();334 4 4 4、RadioButtonListRadioButtonListRadioButtonListRadioButtonList控件控件控件控件 RadioButtonList RadioButtonList控件为网页开发人员提供了一组单控件为网页开发人员提供了一组单选按钮，这些按钮可以通过绑定动态生成。选按钮，这些按钮可以通过绑定动态生成。RadioButtonList控件提供如下表所示的属性344 4

33、 4 4、RadioButtonListRadioButtonListRadioButtonListRadioButtonList控件控件控件控件RadioButtonList控件提供如下表所示的方法控件提供如下表所示的方法35示例示例:页面代码页面代码:36 Page_LoadPage_Load事件函数中的代码事件函数中的代码:if(!Page.IsPostBack)/数据生成 DataSet ds=new DataSet();ds.Tables.Add(stu);ds.Tablesstu.Columns.Add(stuNo,typeof(int);ds.Tablesstu.Columns.

34、Add(stuName,typeof(string);ds.Tablesstu.Columns.Add(stuScore,typeof(int);ds.Tablesstu.Rows.Add(new object 1,乒乓球,100);ds.Tablesstu.Rows.Add(new object 2,篮球,100);ds.Tablesstu.Rows.Add(new object 3,排球,100);ds.Tablesstu.Rows.Add(new object 4,羽毛球,100);ds.Tablesstu.Rows.Add(new object 5,足球,100);/绑定数据到List

35、Box控件 this.RadioButtonList1.DataSource=ds.Tablesstu;this.RadioButtonList1.DataValueField=stuNo;this.RadioButtonList1.DataTextField=stuName;this.RadioButtonList1.DataBind();37四、表控件四、表控件四、表控件四、表控件 表控件可以用来创建类似于HTML标记table的表，但Table控件是可以创建可编程的表，而TableRow和TableCell则为Table控件提供了一种显示实际内容的方法。38四、表控件四、表控件四、表控件

36、四、表控件 其实在页面上创建表的方式有很多，常用的有如下三种方式：(1)HTML表，使用标记来创建，这种方式创建的表是静态的表。(2)HtmlTable控件，这个控件其实就是由标记加上runat=server属性转换而来的，允许程序员在服务器代码中对该控件编程。(3)表控件，作为一种Web控件，它具有和其他Web控件一致的对象模型，这样可以使用服务器代码很方便的创建和操作表。39四、表控件四、表控件四、表控件四、表控件 1 1 1 1、表控件模型、表控件模型、表控件模型、表控件模型 表控件提供了三个类：Table类、TableRow类和 TableCell类。Table类提供一个名为Row的属

37、性，意为表的行，对应于TableRow类，TableRow类提供名为Cell的属性，意为表的列，对应于TableCell类。在表控件中，其对象的层次是这样的：首先是表对象(Table)，表对象包含行对象(TableRow)，行对象包含列对象(TableCell)。其中，表要显示的内容则包含在TableCell对象中。40四、表控件四、表控件四、表控件四、表控件 1 1 1 1、表控件模型、表控件模型、表控件模型、表控件模型(1)Table类Table类用来在页面上显示表。提供如下表所示的属性:41四、表控件四、表控件四、表控件四、表控件 1 1 1 1、表控件模型、表控件模型、表控件模型、表控

38、件模型(2)TableRow类TableRow类表示表控件中的行。提供如下表所示的属性:42四、表控件四、表控件四、表控件四、表控件 1 1 1 1、表控件模型、表控件模型、表控件模型、表控件模型(3)TableCell类 TableCell类表示表控件中的单元格。提供如下表所示的属性:43四、表控件四、表控件四、表控件四、表控件 2 2 2 2、向页面中添加表控件、向页面中添加表控件、向页面中添加表控件、向页面中添加表控件向页面中添加表控件可分为两个步骤：(1)添加表。(2)添加行和单元格。下面通过一个例子来介绍向页面中添加表控件的步骤：(1)从工具箱中把Table控件拖放到页面上。Tabl

39、e控件在页面上最初只显示一个不包含行或列的简单文本框控件。44四、表控件四、表控件四、表控件四、表控件 2 2 2 2、向页面中添加表控件、向页面中添加表控件、向页面中添加表控件、向页面中添加表控件(2)选择上面添加的表控件，在“属性”窗口中，找到Rows属性，单击其后的省略号按钮，如左图所示，这样会打开“TableRow集合编辑器”窗口，如右图所示。45四、表控件四、表控件四、表控件四、表控件 2 2 2 2、向页面中添加表控件、向页面中添加表控件、向页面中添加表控件、向页面中添加表控件(3)单击“添加”按钮，则可以添加一个新行，如图所示。46四、表控件四、表控件四、表控件四、表控件 2 2

40、 2 2、向页面中添加表控件、向页面中添加表控件、向页面中添加表控件、向页面中添加表控件(4)可以通过窗口右边的TableRow属性窗口部分为新添加的行设置相关属性，例如可以设置新行的字体以及显示颜色等显示属性。(5)向行内添加单元格，则单击Cells属性后面对应的省略号按钮，这样就会出现“TableCelll集合编辑器”窗口，如图所示。47四、表控件四、表控件四、表控件四、表控件 2 2 2 2、向页面中添加表控件、向页面中添加表控件、向页面中添加表控件、向页面中添加表控件(6)单击单击“添加添加”按钮，可以为行添加添加单元格，如图所示。按钮，可以为行添加添加单元格，如图所示。48四、表控件

41、四、表控件四、表控件四、表控件 2 2 2 2、向页面中添加表控件、向页面中添加表控件、向页面中添加表控件、向页面中添加表控件(7)添加完行以及对应的单元格后，单击“确定”按钮即可。经过以上几步,可得如下图所示的表。49四、表控件四、表控件四、表控件四、表控件 3 3 3 3、动态操作表控件、动态操作表控件、动态操作表控件、动态操作表控件 在前面已经介绍在.NET框架中，为表控件提供的支持的有三个类：Table类、TableRow类和TableCell类。其中，Table控件是Table类的对象，Table控件的行是TableRow类的对象，而Table控件的行的单元格是TableCell类的

42、对象。这样若要向Table控件中插入行，就可以向Table控件的Rows属性中添加TableRow类的对象即可，而若要添加单元格，则向TableRow对象的Cell属性中添加TableCell对象即可。50四、表控件四、表控件四、表控件四、表控件 3 3 3 3、动态操作表控件、动态操作表控件、动态操作表控件、动态操作表控件 向向Table控件中添加行控件中添加行:TableRow tRow=new TableRow();/声明一个TableRow对象Table1.Rows.Add(tRow);/Table1表示一个Table控件 向向Table控件中添加单元格控件中添加单元格:TableCe

43、ll tCell=new TableCell();tRow.Cells.Add(tCell);51五、验证控件五、验证控件五、验证控件五、验证控件 1 1 1 1、RequiredFieldValidatorRequiredFieldValidatorRequiredFieldValidatorRequiredFieldValidator控件控件控件控件 RequiredFieldValidator控件的功能是指定用户必须为某个在ASP.NET网页上的特定控件提供信息，比如在登陆一个网站时，用户名不能为空，此时就可以利用RequiredFieldValidator控件绑定到用户名文本框，当用户

44、名为空时RequiredFieldValidator控件就会弹出“用户名为空”的提示信息。52五、验证控件五、验证控件五、验证控件五、验证控件 1 1 1 1、RequiredFieldValidatorRequiredFieldValidatorRequiredFieldValidatorRequiredFieldValidator控件控件控件控件属性如下表:53五、验证控件五、验证控件五、验证控件五、验证控件 1 1 1 1、RequiredFieldValidatorRequiredFieldValidatorRequiredFieldValidatorRequiredFieldVali

45、dator控件控件控件控件示例:当登陆一个网站时，用户名一般不能为空，这里通过RequiredFieldValidator控件来控制用户名不能为空。页面代码:  用户名 运行效果54五、验证控件五、验证控件五、验证控件五、验证控件 2 2 2 2、CompareValidatorCompareValidatorCompareValidatorCompareValidator控件控件控件控件 CompareValidator控件的功能是验证某个输入控件里输入的信息是否满足事先设定的条件。比如当输入某种商品的价格时，希望用户输入的值大于0，这样利用CompareValidato

46、r控件绑定到商品价格文本框，并设置适当条件来控制操作人员的误输入小于0的数值。属性如下页表:5556五、验证控件五、验证控件五、验证控件五、验证控件 2 2 2 2、CompareValidatorCompareValidatorCompareValidatorCompareValidator控件控件控件控件 示例:在一个超市的商品价格管理系统中，对于商品的价格输入会加以控制，以使小于0的价格不会被录入到数据库中，这就可以利用CompareValidator控件来加以控制。页面代码:   价格 运行效果57五、验证控件五、验证控件五、验证控件五、验证控件

47、 3 3 3 3、RangeValidatorRangeValidatorRangeValidatorRangeValidator控件控件控件控件 RangeValidator控件的功能是验证用户对某个文本框的输入是否在某个范围之内，如输入的数值是否在某两个数值之间，输入的日期是否在某两个日期之间等。属性如下表:5859五、验证控件五、验证控件五、验证控件五、验证控件 3 3 3 3、RangeValidatorRangeValidatorRangeValidatorRangeValidator控件控件控件控件示例:在一个超市的商品价格管理系统中，对于商品的价格输入会加以控制，以使小于0的价格

48、不会被录入到数据库中，这就可以利用CompareValidator控件来加以控制。页面代码:   价格 运行效果60五、验证控件五、验证控件五、验证控件五、验证控件 4 4 4 4、RegularExpressionValidatorRegularExpressionValidatorRegularExpressionValidatorRegularExpressionValidator控件控件控件控件 RegularExpressionValidator控件的功能是验证用户输入的数据是否符合规则表达式预定义的格式，如输入的数据是否符合电话号码、电子邮件

49、等的格式。规则表达式一般都是利用正则表达式来描写，因此如果想要利用这个的话，读者需要了解一些有关正则表达式的知识。不过如果读者对正则表达式没有一点知识基础的话也没有关系，因为很多常用格式的正则表达式都可以在网上查询到的，如中国国内电话号码的格式是(d3)|d3-)?d8。属性如下表:614 4 4 4、RegularExpressionValidatorRegularExpressionValidatorRegularExpressionValidatorRegularExpressionValidator控件控件控件控件62五、验证控件五、验证控件五、验证控件五、验证控件 4 4 4 4、R

50、egularExpressionValidatorRegularExpressionValidatorRegularExpressionValidatorRegularExpressionValidator控件控件控件控件示例:在用户填写注册信息时有时要求用户输入电话号码，为了保证用户输入的格式正确性，就可以利用RegularExpressionValidator控件来进控制。页面代码页面代码:  电话号码   运行效果63五、验证控件五、验证控件五、验证控件五、验证控件 5 5 5 5、CustomValidatorCustomValidat