web实验 - 验证控件
实验五：验证控件
程序设计实验报告五实验题目：验证控件指导老师：马浩专业班级：计算机科学与技术系1105班姓名：黄伟（2011100550）2014年5月27日一、实验名称：验证控件二、实验目的与要求：1.掌握6种验证控件属性设置和使用方法2.掌握验证控件在用户注册登陆页面的应用三、实验内容与步骤：掌握验证控件的使用方法。
（1）用户名，密码，确认密码，出生日期，电子信箱，身份证号都不允许为空。
（2）用户名是否可以使用。
方法可以将验证控件分组，验证用户名不能为空的验证控件和“用户名是否可用”按钮设置为一组。
ValidationGroup="groupname"其他验证控件和“确定”按钮设置为一组。
ValidationGroup="groupname"（3）用户名只能输入1-10位移字母或下划线开头的字符。
(4)密码和确认密码相同（5）出生日期应介于1990-01-01到1010-01-01之间（6）电子信箱格式应正确（7）身份证号格式正确，必须为18位，并且身份证号中的出生日期应和出生日期中填写的一致。
方法：采用CustomValidator，并定义它的onservervalidate方法，实现不合格时让args.IsValid = false;三、实验结果：实验截图：数据库：代码：protected void CustomValidator1_ServerValidate(object source, ServerValidateEventArgs args)//当其他的验证后没有错误，才会启动{string id = args.Value;args.IsValid = true;DateTime dt=new DateTime ();try{dt=DateTime .Parse (id.Substring (6,4)+"-"+id.Substring (10,2)+"-"+id.Substring (12,2));}catch{args.IsValid = false; //转换失败}if (dt.ToShortDateString().Trim () !=(DateTime.Parse(birthdate.Text .Trim ())).ToShortDateString().Trim())args.IsValid = false;}（8）验证用户名是否可以使用定义“用户名是否可用”按钮的单击事件代码，连接到数据库查询该用户名是否已经存在。
验证控件
1.RequiredFieldValidator控件(1).属性：ControlToValidate:用来设置验证控件的对象控件，对文本框验证。
ErrorMessage:当验证的控件无效时在ValidationSummary中显示的消息。
InitialValue:要验证字段的初始值。
SetFocusOnErr:验证失败时是否在你控件上设置焦点。
ControlToValidate:对应文本框的名字。
Display:验证控件显示的方式，（1.Dynamic:动态显示 2.None:吾 3.Static:静态显示）EnableClientScript:是否在浏览器中对客户端执行验证。
(2).功能：对文本框，下拉框等控件进行验证。
pareValidator控件(1).属性：ControlToCompare:用于进行比较哪个文本框的名字。
ControlToValidate:用于要验证文本框的名字。
Operator:对值进行比较的操作。
(2).功能：3.RangeValidate控件(1).属性：ControlToValidate:要验证的控件的文本框名。
Display:显示的方式。
（1.Dynamic:动态显示 2.None:吾 3.Static:静态显示）MaximumValue:所对应控件的最大值。
MinimumValue:所对应控件的最小值。
SetFocusOnErr:验证失败时是否在你控件上设置焦点。
Type:用于比较的值的数据类型。
(1.string类型 2.Integer类型 3.Double类型 4.Date类型 5.Currency类型)。
(2)功能：4.RegularExpressionValidate控件(1)属性：BorderStyle:设置该控件边框的样式。
ControlToValidate:用来设置验证控件的对象控件，对文本框验证。
ErrorMessage:当验证的控件无效时在ValidationSummary中显示的消息。
使用web服务器控件实验报告
private void radGenderM_CheckedChanged(object sender,System.EventArgs e)
{Hale Waihona Puke strGender = “男”;
}
private void cboSalRange_SelectedIndexChanged(object sender,System.EventArgs e)
{
strSalRange = cboSalRange.SelectedItem.Text;
}
private void chkMusic_CheckedChanged(object sender,System.EventArgs e)
{
if( strHobbies == “”)
strHobbies = strHobbies + chkMusic.Text;
else
strHobbies = strHobbies + “ , ” + chkMusic.Text;
}
private void IstOwnership_SelectedChanged(object sender,System.EventArgs e)
{
if( strOwnership == “”)
2.掌握常用的服务器端控件使用方法
二、实验设备及器件
Dreamweaver
三、实验内容
文本输入控件：TextBox控件、Label标签
如：
private void UserName_TextChanged(object sender,System.EventArgs e)
{
IbIUserNm.Text = UserName.Text;
Web服务器控件的使用
Web系统开发实验（一）实验题目：Web服务器控件的使用指导老师：黄潇实验类型：验证型实验地点：软件实验室一专业班级：计算机科学与技术系1204班姓名：李润甲（2012100456）2015年4月27日一、实验项目的目的和任务：1、掌握常用的Web服务器控件的主要属性和他的使用方法，这些控件包括：label,textbox,button,hyperlink,imagebutton,radiobutton,radiobuttonlist,checkbox,imag e,checkboxlist,listbox,dropdownlist,panel等。
2、掌握table，tablerow，tablecell控件的使用。
3、掌握日历控件calendar的使用。
二、实验要求：1、使用常用web服务器控件，设计一个人信息表，当用户输入数据库后，在输入表格下面显示用户输入的内容。
2、在本实验应用一下Web服务器控件进行设计：label,textbox,button,hyperlink,imagebutton,radiobutton,checkbox,image，dropdownlist三、实验步骤1、新建一个网站website，添加一个web窗体页“webfrom1.aspx”2、按照书上所示进行设计页面，其中要在页面中添加5个textbox控件，2个radiobutton 控件，1个dropdownlist控件，8个checkedbox控件，1个imagebutton控件，1个linkbutton 控件，1个button控件和一个label控件，并对其控件属性进行设计。
设计代码如下：<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm1.aspx.vb" Inherits="WebApplication5.WebForm1" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><script runat="server">Protected Sub Btn_Click(Byval sender As Object,Byval e As System.EventArgs) Handles Btn.ClickDim sex,bld,intr As stringdim i as integerlbldesc.text="您输入的信息如下："lbldesc.text=lbldesc.text & "姓名" & name.textIf male.Checked Then sex = male.TextIf female.Checked Then sex = female.Textbld = Blood.SelectedItem.TextIf C1.Checked Thenintr = intr & C1.TextEnd IfIf C2.Checked Thenintr = intr & C2.TextEnd IfIf C3.Checked Thenintr = intr & C3.TextEnd IfIf C4.Checked Thenintr = intr & C4.TextEnd IfIf C5.Checked Thenintr = intr & C5.TextEnd IfIf C6.Checked Thenintr = intr & C6.TextEnd IfIf C7.Checked Thenintr = intr & C7.TextEnd IfIf C8.Checked Thenintr = intr & C8.TextEnd Iflbldesc.Text = lbldesc.Text & ",性别：" & sexlbldesc.Text = lbldesc.Text & ",血型：" & bldlbldesc.Text = lbldesc.Text & ",兴趣：" & intrlbldesc.Text = lbldesc.Text & ",电子邮件：" & email.Textlbldesc.Text = lbldesc.Text & ",主页：" & homepage.TextEnd SubProtected Sub link_click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Link.ClickDim dest As Stringdest = homepage.textresponse.redirect(dest)End SubProtected Sub emailsend_click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles emailsend.ClickResponse.Write("传送邮件")End Sub</script><html xmlns="/1999/xhtml"><head runat="server"><title></title></head><body><form id="form1" runat="server"><div align="center"><h2>请你输入以下信息：</h2><table align="center" style="height: 117px; width: 800px"><tr><td><b>姓名：</b></td><td><asp:TextBox ID="name" runat="server"></asp:TextBox></td></tr> <tr> <td><b>性别：</b></td><td><asp:RadioButton ID="male" runat="server" text="男" GroupName="sex"/><asp:RadioButton ID="female" runat="server" Text="女" GroupName="sex"/></td></tr><tr><td class="style1"><b>血型：</b></td><td class="style1"><asp:DropDownList ID="Blood" runat="server"><asp:ListItem>A型</asp:ListItem><asp:ListItem>B型</asp:ListItem><asp:ListItem>AB型</asp:ListItem><asp:ListItem>O型</asp:ListItem></asp:DropDownList></td></tr><tr> <td><b>兴趣：</b></td><td><asp:CheckBox ID="C1" runat="server" Text="绘画" /><asp:CheckBox ID="C2" runat="server" Text="唱歌" /><asp:CheckBox ID="C3" runat="server" Text="跳舞" /><asp:CheckBox ID="C4" runat="server" Text="旅游" /><asp:CheckBox ID="C5" runat="server" Text="看书" /><asp:CheckBox ID="C6" runat="server" Text="上网" /><asp:CheckBox ID="C7" runat="server" Text="运动" /><asp:CheckBox ID="C8" runat="server" Text="书法" /></asp:CheckBoxList></td></tr><tr><td><b>电话：</b></td><td><asp:TextBox ID="tel1" runat="server"></asp:TextBox><asp:TextBox ID="tel2" runat="server"></asp:TextBox></td></tr><tr><td><b>电子邮件：</b></td><td><asp:TextBox ID="email" runat="server" style="height: 19px; width: 148px"></asp:TextBox><asp:ImageButton ID="emailsend" runat="server" Height="38px" Width="34px" imageurl="~/images/1.png"/></td></tr><tr><td><b>主页：</b></td><td><asp:TextBox ID="homepage" runat="server"></asp:TextBox><asp:LinkButton ID="Link" text="我的主页" runat="server"></asp:LinkButton> </td></tr></table><asp:Button ID="Btn" runat="server" Text="提交" /><br /><asp:Label ID="lbldesc" runat="server" ></asp:Label></div></form></body></html>设计的页面如下：1、页面加载出后的效果：2、页面使用的效果：四、实验结论本次的实验使用常用web服务器控件，设计一个人信息表，当用户输入数据库后，在输入表格下面显示用户输入的内容，掌握了常用的Web服务器控件的主要属性和他们的使用方法。
主任的实验报告Web服务器控件
一、Web服务器控件--投票系统
试验目的：掌握单选按钮的使用方法
试验内容：通过单选按钮勾践投票界面，并在每次点选后，立即展示用户所选内容
构建界面如下：
试验要求：1、不通过按钮，通过单选按钮事件实现内容要求；2、详细写出属性设置和事件选择的步骤；3、列出全部C#代码(可以拷贝试验代码，无须手写)
试验基本原理：了解AutoPostBack属性及事件编程
主要仪器设备：电脑
二、母版与内容页设计--网上书城
试验目的：掌握多种控件的协同使用
试验内容：通过单选框、按钮、LABLE、下拉菜单、以及单选按钮构建网上书城的查询页面。
构建界面如下：
试验要求：1、详细写出属性设置和事件选择的步骤；2、列出全部C#代码(可以拷贝试验代码，无须手写)；3、点击按钮后必须按照图中最后一行文字样式，根据用户输入信息构建相应文字
试验基本原理：了解多控件的协同使用
主要仪器设备：电脑。
验证控件——精选推荐
第4章验证控件.NET Framework除了标准的内部控件外，还提供了一组验证控件。
这些控件用于对用户信息进行验证。
验证控件可以验证在Web窗体中的用户输入，还可以针对特定模式、范围或值进行验证。
此外，还可以指定验证出错时显示的错误信息。
对于一个输入控件，可以附加多个验证控件。
添加验证控件之后，在网页回发到服务器时、页初始化之后和调用事件处理代码之前，验证控件将自动执行验证。
此外，我们也经常以编程方式对在Web中输入的内容进行验证。
本章重点内容：●标准验证控件●自定义验证控件●页面统一验证4.1验证控件简介为用户输入创建 网页的一个重要目的是检查用户输入的信息是否有效。
提供了一组验证控件，用于提供一种易用但功能强大的检错方式，并在必要时向用户显示错误信息。
验证控件在服务器代码中执行输入检查。
当用户向服务器提交页面之后，服务器将逐个调用验证控件来检查用户输入。
如果在任意输入控件中检测到验证错误，则该页面将自行设置为无效状态，以便在代码运行之前测试其有效性。
验证发生的时间是：已对页面进行了初始化(即，处理了视图状态和回发数据)，但尚未调用任何更改或单击事件处理程序。
如果用户使用的浏览器支持 ECMAScript (JavaScript)，则验证控件还可使用客户端脚本执行验证。
这样可以缩短页面的响应时间，因为错误将被立即检测到并且将在用户离开包含错误的控件后立即显示错误信息。
如果可以进行客户端验证，将可以在很大程度上控制错误信息的布局，并可以在消息框中显示错误摘要。
注意：即使验证控件已在客户端执行验证， 仍会在服务器上执行验证，这样可以在基于服务器的事件处理程序中测试有效性。
此外，在服务器上进行重新测试有助于防止用户通过禁用或更改客户端脚本检查来逃避验证。
2.0简明教程(C# 2005篇)• 130 •验证控件共有五种，分别用于检查用户输入信息的不同方面，各种控件的类型和作用如表4-1所示。
表4-1 验证控件验证类型使用的控件该控件的作用必需项 RequiredFieldValidator 验证某个控件的内容是否被改变与某值的比较 CompareValidator 用于对两个值进行比较验证范围检查 RangeValidator 用于验证某个值是否在要求的范围内模式匹配 RegularExpressionValidator用于验证相关输入控件的值是否匹配正则表达式指定的模式用户定义 ValidationSummary 用于显示所有验证错误的摘要对于一个输入控件，我们可以附加多个验证控件。
第04讲 验证控件
在实现验证的过程中详细阐述了提供的 RequiredFieldValidator、RangeValidator、 CompareValidator和RegularExpressionValidator 四个验证控件的作用和使用方法。
然后创建并设置：性别单选按钮、身高文本框、出生 年月下拉列表框等控件，并设置相关属性。
❖添加1个RequiredFieldValidator控件和1个 RangeValidator控件， 用于“身高”文本框控件验证 。
运行测试。
20
4.2.2 操作步骤
网站目录命名：..\C04\XX_Register
13
4.2.2“用户注册(服务器控件版)”案例
14
4.2.2 操作步骤
网站目录命名：..\C04\XX_Register
首先，新建一网站，目录为: ..\C04\XX_Register
然后，完成网页设计及代码编写
1. 创建用户注册网页
1）插入文字和标准控件，并设置标准控件属性 2）插入验证控件，并设置相应属性
对用户输入的数据进行验证的方法分为两 种： 直接使用客户端脚本进行验证 使用服务器端的代码进行验证
8
4.2.1服务器验证和客户端验证
(1)直接使用客户端脚本进行验证
示例演示 示例：..\C04\CheckForm\reg_student(演示).htm 验证函数：function checkform()
10
4.2.1服务器验证和客户端验证
(2)使用服务器端的代码进行验证——示例
用户名： 密码：
任务：..\C04\Check_Srv\XX_C04_Check2.aspx 作业提交：
实验三 验证控件的使用
实验三验证控件的使用
一、实验题目
验证控件的使用方法。
二、实验目的
（1）了解提供的各种服务器端验证控件的功能。
（2）熟练掌握各验证控件的使用方法。
三、实验要求
（1）熟练使用visual studio .net 2003集成开发环境开发web应用程序。
（2）通过使用服务器端验证控件编写一个简单应用程序，掌握其在程序开发中的重要作用。
（3）了解使用验证控件的优点。
四、实验内容
（1）验证书上的例子是否正确
（2）编写一个注册程序，使用验证控件验证各种输入到窗体中的数据是否满足某种特定格式。
五、实验步骤
（1）运行visual studio .net 2003开发软件。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
南京信息工程大学Web技术与应用实验(实习)报告
实验(实习)名称验证控件实验(实习)日期2012-12-12 得分指导老师
系计软院专业软工班级 2 姓名夏丽丽学号20121344081 一、实验目的
1．熟悉验证控件的常用属性；
2．熟悉常用验证控件；
3．掌握验证控件的使用
二、实验内容与步骤
1、使用RequiredFieldValidator控件，对用户输入用户名进行验证，要求用户名不能为空：程序运行界面：
（以下是部分代码）
<asp:Label ID="Label1"runat="server"Text="用户名："></asp:Label>
<asp:TextBox ID="TextBox1"runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1"runat="server"
ControlToValidate="TextBox1"ErrorMessage="用户名不能为空。
>
</asp:RequiredFieldValidator>
2、使用RangeValidator控件，对用户输入的年龄进行验证，要求年龄只能是0-200之间的数：
<asp:Label ID="Label2"runat="server"Text="年龄："></asp:Label>
<asp:TextBox ID="TextBox2"runat="server"></asp:TextBox>
<asp:RangeValidator ID="RangeValidator1"runat="server"
ControlToValidate="TextBox2"ErrorMessage="年龄范围为：0-150"ForeColor="Blue"
MaximumValue="150"MinimumValue="0"Type="Integer"></asp:RangeValidator> <br/>
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="提交" />
3．使用CompareValidator控件，对用户输入的密码进行验证，要求用户名两次输入的密码必须一致：
<asp:Label ID="Label3"runat="server"Text="密码："></asp:Label>
<asp:TextBox ID="TextBox3"runat="server"></asp:TextBox>
<br/>
<asp:Label ID="Label4"runat="server"Text="重新输入密码："></asp:Label>
<asp:TextBox ID="TextBox4"runat="server"></asp:TextBox>
<asp:CompareValidator ID="CompareValidator1"runat="server"
ControlToCompare="TextBox3"ControlToValidate="TextBox4"
ErrorMessage="两次输入的密码不一致。
"></asp:CompareValidator>
4．使用CustomValidator控件，设计用户自定义验证，验证用户输入数字是不是偶数：
前台代码：
<body>
<form id="form1"runat="server">
<div>
<asp:Label ID="Label1"runat="server"Text="请输入一个偶数："></asp:Label>
<asp:TextBox ID="TextBox1"runat="server"></asp:TextBox><asp:CustomValidator
ID="CustomValidator1"
runat="server"ErrorMessage="您输入的数不是偶数。
"ControlToValidate="TextBox1"
onservervalidate="CustomValidator1_ServerValidate"></asp:CustomValidator>
<br/>
<asp:Button ID="Button1"runat="server"Text="提交"onclick="Button1_Click"/>
</div>
</form>
</body>
后台代码：
protected void CustomValidator1_ServerValidate(object source, ServerValidateEventArgs args) {
try
{
int i = Convert.ToInt32(TextBox1.Text);
args.IsValid = ((i % 2) == 0);
}
catch
{
args.IsValid = false;
}
}
protected void Button1_Click(object sender, EventArgs e) {
if(Page.IsValid)
Response.Write("你输入的是偶数：" + TextBox1.Text); }。