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