Web 控件常用控件.ppt
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
本实例中将对表单中用户选 择输入项的下拉框进行用户所 选项的验证。
比较验证(CompareValidator)控件
❖ 将用户输入到一个输入控件中的值同输入到另一个 输入控件中的值相比较
❖ 或将该值与某个常数值相比较。 ❖ 还可以使用CompareValidator控件确定输入到输入控
件中的值是否可以转换为 Type 属性所指定的数据类 型。
如果将Operator属性设置为 DataTypeCheck（类型检查）， CompareValidator控件将同时忽略ControlToCompare属性 和 ValueToCompare属性，而仅指示输入到输入控件中的 值是否可以转换为Type属性所指定的数据类型。
使用验证控件的四则运算
在页面数据理中，加减乘除四则运算是较常用的基本运算， 下面的实例中将首先实现任意输入两个整型数的四则运算。
❖RequiredFieldValidator控件可以使某个输入控 件成为强制字段。
❖验证时
如果输入控件包含的值仍然保持初始值而未更改， 则该输入控件验证失败。
默认，验证控件的初始值（InitialValue属性）为 空字符串（“”），这说明必须在输入控件中输 入值才能通过验证。
对用户名和密码进行验证
在处理用户输入的数据时，ASP.NET页面首先将用户输入 传递到一个或多个适当的验证控wenku.baidu.com。验证控件将测试用户输 入并设置表示输入是否通过测试的属性。在调用所有验证控 件之后，页上将设置一个属性（IsValid），如果任何一个控 件显示验证检查失败，则整个页的属性都将设置为无效。
如果数据验证没有通过（IsValid属性为False），错误信息 可由该验证控件显示在页面中，或者显示在页面上其它位置 的验证汇总ValidationSummary控件中。
}
List总结
❖ 都有一个项的列表集合 Items
SelectedItem SelectedValue SelectedIndex
登录
❖ 带上RadioButton的登录练习
颜色
DropdownList
DropdownList 常用属性
❖ Items
该控件包含的项目集合
❖ SelectedItem
比较验证(CompareValidator)控件
❖ ControlToValidate属性指定要验证的输入控件。
❖ ControlToCompare属性将特定的输入控件与另一个 输入控件相比较，
❖ ValueToCompare属性指定要比较的常数值。
❖ Operator 属性指定要执行的比较类型，如大于、等 于等。
Web 控件
教学内容
❖ ASP.NET服务器控件的作用 ❖ ASP.NET各种服务器控件的用法 ❖ ASP.NET各种服务器控件实例开发
ASP.net 控件概述
❖ HTML控件
客户端控件，服务器无法控制，浏览器认识
❖ Web 控件
可以在服务器端编码 ，浏览器不认识，需要转成 HTML控件才能被浏览器认识，
数据有效性验证控件
控件名称 RequiredFieldValidator CompareValidator
RangeValidator
RegularExpressionValidat or
CustomValidator
ValidationSummary
说明
确保用户不跳过某些必填的输入项
使用比较运算符将用户的输入与另一控件的 常数值或属性值进行比较
7.1 数据有效性验证机制简介
验证控件的验证机制
属性名
描述和取值
ControlToValidat e
验证控件将计算的输入控件的编程ID。如果此为非法 ID，则引发异常
EnableClientScri pt
指示是否启用客户端验证。通过将EnableClientScript属 性设置为false，可在支持此功能的浏览器上禁用客户 端验证
使用区间验证控件验证学生成绩
RangeValidator范围验证控件还可完成String字符串、 Integer整型数、Double双精度的浮点型数、Date日期类型、 Currency货币类型数据的验证。
【例 7-6】学生成绩范围验证
本实例将进行学生成绩（0-100） 的整型数验证，使用范围验证控件 来实现学生成绩信息的范围验证， 防止用户输入错误。
数据有效性验证机制简介
1. 数据验证的必要性
数据验证是一种限制用户输入的机制，可以确定用户输入 的数据是否符合要求。先执行数据验证比输入错误数据之后， 再让数据库响应错误信息要有效率；同时也可以确保用户所 输入的数据是一个有效值，而不会造成垃圾数据。
服务器 数据验证 客户端数据验证
javascript脚本
e
ForeColor IsValid
Text
描述和取值
当验证失败时在ValidationSummary控件中显示的错误信息。 如果未设置验证控件的 Text 属性，则验证失败时，验证控 件中仍显示此文本。ErrorMessage属性通常用于为验证控 件和 ValidationSummary控件提供各种消息
简单学习
❖ Label
Text
❖ Textbox
Text TextMode
❖ Checkbox
Text Checked
❖ RadioButton
Text Checked Groupname
❖ HyperLink
NavigateURL Text ImageURL
❖ Image
ImageURL
复杂一些的
检查用户的输入是否在指定的上下边界之间， 可以检查数字、字母或日期对内的范围。
检查输入是否与正则表达式定义的模式匹配。 该验证类型允许检查可预知的字符序列
使用您自己编写的验证逻辑检查用户的输入， 该验证类型允许检查运行时导出的值
以摘要的形式显示页上所有验证程序的验证 错误
数据有效性验证机制简介
Page.IsValid
protected void btnSubmit_Click(object sender, EventArgs e) { Label1.Text = ""; for (int i = 0; i < CheckBoxList1.Items.Count; i++) if (CheckBoxList1.Items[i].Selected) Label1.Text = Label1.Text + CheckBoxList1.Items[i].Text; }
使用待验证控件ControlToValidate属性指定被验证的控件 的ID属性；
规则验证控件
❖ 确定输入控件的值是否与某个正则表达式所定义的 模式相匹配。
该验证类型允许检查可预知的字符序列，如：社会保障 号、电子邮件地址、电话号码、邮政编码等中的字符序 列。
7.5.1 规则验证控件常用的属性和事 件1. 规则验证控件的属性
规则验证控件的属性与其他验证控件的属性相似，常用 的有：
❖ Type属性用于指定要比较的值的数据类型
注意：如果输入控件为空，则不调用任何验证函数且验 证成功。需要使用RequiredFieldValidator必填验证控件防 止用户跳过某个输入控件。由MaximumValue最大值属性 或MinimumValue最小值属性指定的值，当无法转换为由 Type类型属性指定的数据类型时，RangeValidator范围验 证控件将引发异常。
Display
指定的验证控件的显示行为。可以仅在 ValidationSummary控件中显示错误信息；或在验证控 件位置显示错误信息；或在页面上动态分配错误信息 显示的空间
Enabled
指示是否启用验证控件。可通过将该属性设置为False 以阻止验证控件验证输入控件
数据有效性验证机制简介
属性名 ErrorMessag
特点
❖ runat = server
问题
❖ 我们用了服务器控件，浏览器不识别怎么办？ ❖.
常见的标准服务器控件
❖ 按钮 标签 按钮 复选框 单选钮 ….. ❖ 每一个控件都是对象 ❖ 熟悉每个对象的属性和方法
访问方式： 对象名.属性名 对象名.方法名
❖ 常见属性
ID：对象名字 Text：显示文本 Visible：可视与否
❖ DropdownList
SelecteItem Items
❖ ListBox ❖ CheckBoxList ❖ RadioButtonList
Examples
❖ 登陆 ❖ 色彩 ❖ 单选和复选 ❖ 目录 ❖ 简单相册
Examples
❖ 登陆 ❖ 色彩 ❖ 单选和复选 ❖ 目录 ❖ 简单相册
登陆窗体的学习
相册
FileUpload
❖ FileUpload.SaveAs 保存上传文件
❖ FileUpload.FIleName 文件名 ❖ FileUpload.PostFile 被提交的文件
实现
❖ HyperLink Image实现
验证控件
❖ ASP.NET中数据验证控件的工作原理 ❖ 必填验证控件的使用 ❖ 比较验证控件的使用 ❖ 范围验证控件的使用 ❖ 规则验证控件的使用 ❖ 用户验证控件的使用 ❖ 学生管理信息系统中验证控件的应用
控制正确数据范围
通常用户在页面上输入数据时，某些数据是有范围限定的， 比如：用户年龄、时间日期、学生成绩等，需要使用另一类 验证控件——范围验证RangeValidator控件来验证用户输入数 据的范围是否满足，增强系统的容错性。
用户生日日期范围验证
使用范围验证控件，对用户输入的 生日日期范围进行验证，保证登录系 统的用户年龄在18-80岁之间。
要求 能够判断姓名是否小于6个字符 分普通用户 和管理员进行登录 普通用户：guest guest
管理员用户：admin admin
学习
❖ 无单选钮登录 ❖ 带单选钮登录
属性参见课本106
❖ 单选钮组登录
属性参见课本106
CheckBoxList
❖ 复选框列表
RadioButtonList
选择你喜欢的季节
常用属性
❖ Items SelectedItem SelectedIndex SelectValue
❖ 自动为一组
RadioButtonList
RadioButtonList
protected void btnOK_Click(object sender, EventArgs e) { Label2.Text = RadioButtonList1.SelectedItem.Text;
指定当验证失败时用于显示内联消息的颜色。
指示ControlToValidate属性所指定的输入控件是否被确定 为有效
此属性设置后，验证失败时会在验证控件中显示此消息。 如果未设置此属性，则在控件中显示 ErrorMessage属性中 指定的文本
必填验证(RequireFieldValidator)控件
被选中的项目
❖ SelectedValue
被选中的项目的值
❖ SelectedIndex
被选中项目的索引
❖ AutoPostBack
是否自动提交
个人情况调查
❖ 见课本EX5-1
目录-HyperLink
❖ NavigateURL ❖ Text ❖ ImageURL ❖ 动态生成 ❖~
在服务器控件使用，表示 是网站的根目录
详细过程可上机操作 并参见教材内容。
密码和确认密码的比较验证
密码和密码确认信息的比较验证 当用户在某个网站上注册时，通常需要用户填写登录时使
用的用户名和密码，由于密码框中字符使用点号或星号来表 示，通常都需要用户再次确认密码，只有两个输入的密码完 全相同，才能保证用户输入的密码确实是自己预期想要输入 的密码。
范围验证(RangeValidator)控件
可使用该控件检查用户的输入是否在指定的上限和下限之 间。可以检查数字对、字母对和日期对限定的范围。
范围验证(RangeValidator)控件
❖ ControlToValidate属性指定要验证的输入控件
❖ MinimumValue和MaximumValue属性分别指定有效 范围的最小值和最大值。
用户名和密码的验证
对于大多数系统，用户登录页面都是必需的。 在此实例中，将使用必填验证控件完成用户提交的用户名 和密码的验证，避免用户漏填。 。
对下拉框进行验证
【下拉框用户选择信息的验证
表单中用于获取用户信息的控件有很多，如：下拉框、列 表框、复选框、单选框等，在这些输入框中，用户输入或选 择的信息也同样需要验证。
比较验证(CompareValidator)控件
❖ 将用户输入到一个输入控件中的值同输入到另一个 输入控件中的值相比较
❖ 或将该值与某个常数值相比较。 ❖ 还可以使用CompareValidator控件确定输入到输入控
件中的值是否可以转换为 Type 属性所指定的数据类 型。
如果将Operator属性设置为 DataTypeCheck（类型检查）， CompareValidator控件将同时忽略ControlToCompare属性 和 ValueToCompare属性，而仅指示输入到输入控件中的 值是否可以转换为Type属性所指定的数据类型。
使用验证控件的四则运算
在页面数据理中，加减乘除四则运算是较常用的基本运算， 下面的实例中将首先实现任意输入两个整型数的四则运算。
❖RequiredFieldValidator控件可以使某个输入控 件成为强制字段。
❖验证时
如果输入控件包含的值仍然保持初始值而未更改， 则该输入控件验证失败。
默认，验证控件的初始值（InitialValue属性）为 空字符串（“”），这说明必须在输入控件中输 入值才能通过验证。
对用户名和密码进行验证
在处理用户输入的数据时，ASP.NET页面首先将用户输入 传递到一个或多个适当的验证控wenku.baidu.com。验证控件将测试用户输 入并设置表示输入是否通过测试的属性。在调用所有验证控 件之后，页上将设置一个属性（IsValid），如果任何一个控 件显示验证检查失败，则整个页的属性都将设置为无效。
如果数据验证没有通过（IsValid属性为False），错误信息 可由该验证控件显示在页面中，或者显示在页面上其它位置 的验证汇总ValidationSummary控件中。
}
List总结
❖ 都有一个项的列表集合 Items
SelectedItem SelectedValue SelectedIndex
登录
❖ 带上RadioButton的登录练习
颜色
DropdownList
DropdownList 常用属性
❖ Items
该控件包含的项目集合
❖ SelectedItem
比较验证(CompareValidator)控件
❖ ControlToValidate属性指定要验证的输入控件。
❖ ControlToCompare属性将特定的输入控件与另一个 输入控件相比较，
❖ ValueToCompare属性指定要比较的常数值。
❖ Operator 属性指定要执行的比较类型，如大于、等 于等。
Web 控件
教学内容
❖ ASP.NET服务器控件的作用 ❖ ASP.NET各种服务器控件的用法 ❖ ASP.NET各种服务器控件实例开发
ASP.net 控件概述
❖ HTML控件
客户端控件，服务器无法控制，浏览器认识
❖ Web 控件
可以在服务器端编码 ，浏览器不认识，需要转成 HTML控件才能被浏览器认识，
数据有效性验证控件
控件名称 RequiredFieldValidator CompareValidator
RangeValidator
RegularExpressionValidat or
CustomValidator
ValidationSummary
说明
确保用户不跳过某些必填的输入项
使用比较运算符将用户的输入与另一控件的 常数值或属性值进行比较
7.1 数据有效性验证机制简介
验证控件的验证机制
属性名
描述和取值
ControlToValidat e
验证控件将计算的输入控件的编程ID。如果此为非法 ID，则引发异常
EnableClientScri pt
指示是否启用客户端验证。通过将EnableClientScript属 性设置为false，可在支持此功能的浏览器上禁用客户 端验证
使用区间验证控件验证学生成绩
RangeValidator范围验证控件还可完成String字符串、 Integer整型数、Double双精度的浮点型数、Date日期类型、 Currency货币类型数据的验证。
【例 7-6】学生成绩范围验证
本实例将进行学生成绩（0-100） 的整型数验证，使用范围验证控件 来实现学生成绩信息的范围验证， 防止用户输入错误。
数据有效性验证机制简介
1. 数据验证的必要性
数据验证是一种限制用户输入的机制，可以确定用户输入 的数据是否符合要求。先执行数据验证比输入错误数据之后， 再让数据库响应错误信息要有效率；同时也可以确保用户所 输入的数据是一个有效值，而不会造成垃圾数据。
服务器 数据验证 客户端数据验证
javascript脚本
e
ForeColor IsValid
Text
描述和取值
当验证失败时在ValidationSummary控件中显示的错误信息。 如果未设置验证控件的 Text 属性，则验证失败时，验证控 件中仍显示此文本。ErrorMessage属性通常用于为验证控 件和 ValidationSummary控件提供各种消息
简单学习
❖ Label
Text
❖ Textbox
Text TextMode
❖ Checkbox
Text Checked
❖ RadioButton
Text Checked Groupname
❖ HyperLink
NavigateURL Text ImageURL
❖ Image
ImageURL
复杂一些的
检查用户的输入是否在指定的上下边界之间， 可以检查数字、字母或日期对内的范围。
检查输入是否与正则表达式定义的模式匹配。 该验证类型允许检查可预知的字符序列
使用您自己编写的验证逻辑检查用户的输入， 该验证类型允许检查运行时导出的值
以摘要的形式显示页上所有验证程序的验证 错误
数据有效性验证机制简介
Page.IsValid
protected void btnSubmit_Click(object sender, EventArgs e) { Label1.Text = ""; for (int i = 0; i < CheckBoxList1.Items.Count; i++) if (CheckBoxList1.Items[i].Selected) Label1.Text = Label1.Text + CheckBoxList1.Items[i].Text; }
使用待验证控件ControlToValidate属性指定被验证的控件 的ID属性；
规则验证控件
❖ 确定输入控件的值是否与某个正则表达式所定义的 模式相匹配。
该验证类型允许检查可预知的字符序列，如：社会保障 号、电子邮件地址、电话号码、邮政编码等中的字符序 列。
7.5.1 规则验证控件常用的属性和事 件1. 规则验证控件的属性
规则验证控件的属性与其他验证控件的属性相似，常用 的有：
❖ Type属性用于指定要比较的值的数据类型
注意：如果输入控件为空，则不调用任何验证函数且验 证成功。需要使用RequiredFieldValidator必填验证控件防 止用户跳过某个输入控件。由MaximumValue最大值属性 或MinimumValue最小值属性指定的值，当无法转换为由 Type类型属性指定的数据类型时，RangeValidator范围验 证控件将引发异常。
Display
指定的验证控件的显示行为。可以仅在 ValidationSummary控件中显示错误信息；或在验证控 件位置显示错误信息；或在页面上动态分配错误信息 显示的空间
Enabled
指示是否启用验证控件。可通过将该属性设置为False 以阻止验证控件验证输入控件
数据有效性验证机制简介
属性名 ErrorMessag
特点
❖ runat = server
问题
❖ 我们用了服务器控件，浏览器不识别怎么办？ ❖.
常见的标准服务器控件
❖ 按钮 标签 按钮 复选框 单选钮 ….. ❖ 每一个控件都是对象 ❖ 熟悉每个对象的属性和方法
访问方式： 对象名.属性名 对象名.方法名
❖ 常见属性
ID：对象名字 Text：显示文本 Visible：可视与否
❖ DropdownList
SelecteItem Items
❖ ListBox ❖ CheckBoxList ❖ RadioButtonList
Examples
❖ 登陆 ❖ 色彩 ❖ 单选和复选 ❖ 目录 ❖ 简单相册
Examples
❖ 登陆 ❖ 色彩 ❖ 单选和复选 ❖ 目录 ❖ 简单相册
登陆窗体的学习
相册
FileUpload
❖ FileUpload.SaveAs 保存上传文件
❖ FileUpload.FIleName 文件名 ❖ FileUpload.PostFile 被提交的文件
实现
❖ HyperLink Image实现
验证控件
❖ ASP.NET中数据验证控件的工作原理 ❖ 必填验证控件的使用 ❖ 比较验证控件的使用 ❖ 范围验证控件的使用 ❖ 规则验证控件的使用 ❖ 用户验证控件的使用 ❖ 学生管理信息系统中验证控件的应用
控制正确数据范围
通常用户在页面上输入数据时，某些数据是有范围限定的， 比如：用户年龄、时间日期、学生成绩等，需要使用另一类 验证控件——范围验证RangeValidator控件来验证用户输入数 据的范围是否满足，增强系统的容错性。
用户生日日期范围验证
使用范围验证控件，对用户输入的 生日日期范围进行验证，保证登录系 统的用户年龄在18-80岁之间。
要求 能够判断姓名是否小于6个字符 分普通用户 和管理员进行登录 普通用户：guest guest
管理员用户：admin admin
学习
❖ 无单选钮登录 ❖ 带单选钮登录
属性参见课本106
❖ 单选钮组登录
属性参见课本106
CheckBoxList
❖ 复选框列表
RadioButtonList
选择你喜欢的季节
常用属性
❖ Items SelectedItem SelectedIndex SelectValue
❖ 自动为一组
RadioButtonList
RadioButtonList
protected void btnOK_Click(object sender, EventArgs e) { Label2.Text = RadioButtonList1.SelectedItem.Text;
指定当验证失败时用于显示内联消息的颜色。
指示ControlToValidate属性所指定的输入控件是否被确定 为有效
此属性设置后，验证失败时会在验证控件中显示此消息。 如果未设置此属性，则在控件中显示 ErrorMessage属性中 指定的文本
必填验证(RequireFieldValidator)控件
被选中的项目
❖ SelectedValue
被选中的项目的值
❖ SelectedIndex
被选中项目的索引
❖ AutoPostBack
是否自动提交
个人情况调查
❖ 见课本EX5-1
目录-HyperLink
❖ NavigateURL ❖ Text ❖ ImageURL ❖ 动态生成 ❖~
在服务器控件使用，表示 是网站的根目录
详细过程可上机操作 并参见教材内容。
密码和确认密码的比较验证
密码和密码确认信息的比较验证 当用户在某个网站上注册时，通常需要用户填写登录时使
用的用户名和密码，由于密码框中字符使用点号或星号来表 示，通常都需要用户再次确认密码，只有两个输入的密码完 全相同，才能保证用户输入的密码确实是自己预期想要输入 的密码。
范围验证(RangeValidator)控件
可使用该控件检查用户的输入是否在指定的上限和下限之 间。可以检查数字对、字母对和日期对限定的范围。
范围验证(RangeValidator)控件
❖ ControlToValidate属性指定要验证的输入控件
❖ MinimumValue和MaximumValue属性分别指定有效 范围的最小值和最大值。
用户名和密码的验证
对于大多数系统，用户登录页面都是必需的。 在此实例中，将使用必填验证控件完成用户提交的用户名 和密码的验证，避免用户漏填。 。
对下拉框进行验证
【下拉框用户选择信息的验证
表单中用于获取用户信息的控件有很多，如：下拉框、列 表框、复选框、单选框等，在这些输入框中，用户输入或选 择的信息也同样需要验证。