<4D F736F F D B3CCD0F2C9E8BCC6A1AAA1AA E4E4554C9CFBBFACAB5D1E9D6B8B5BCA3A8B5DA33B0E6A3A9CEA2BFCEB0E620CAB5D1E9352E646

Size: px

Start display at page:

Download "<4D F736F F D B3CCD0F2C9E8BCC6A1AAA1AA E4E4554C9CFBBFACAB5D1E9D6B8B5BCA3A8B5DA33B0E6A3A9CEA2BFCEB0E620CAB5D1E9352E646"

光箭姚
4 years ago
Views:

的输入值必须一致 (4) 生日的输入值必须在 1900-1-1 到图 5-1 用户注册验证页面浏览效果 (1) 2020-1-1 之间 (5) 电话号码的输入信息格式必须如 021-66798304 形式 (6)

1 实验 7 ASP.NET 窗体验证一实验目的 (1) 理解客户端和服务器端验证 (2) 掌握 ASP.NET 各验证控件的使用 (3) 掌握分组验证的方法二实验内容及要求 1. 设计并实现一个带验证控件的用户注册页面要求如下 : (1) 页面浏览效果如图 5-1 和图 5-2 所示 (2) 用户名密码确认密码生日电话号码和身份证号等信息必须输入 (3) 密码和确认密码的输入值必须一致 (4) 生日的输入值必须在到图 5-1 用户注册验证页面浏览效果 (1) 之间 (5) 电话号码的输入信息格式必须如形式 (6) 身份证号中的出生年月信息必须为合法的日期数据 (7) 能汇总显示所有的验证错误信息, 并以独立的对话框显示 (8) 当验证控件出现验证错误时, 焦点会定位在出现验证错误的中 (9) 若通过所有的验证, 则显示验证通过! 的信息图 5-2 用户注册验证页面浏览效果 (2)

5-4 所示, 当单击用户名是否可用按钮时, 仅对用户名进行验证图 5-3 分组验证页

的信息 ; 当在用户名中输入其他信息, 再单击用户名是否可用按钮时输出恭喜! 该用户名可用!

2 实验 5 ASP.NET 窗体验证设计并实现同一个页面的分组验证功能要求如下 : (1) 页面浏览效果如图 5-3 所示 (2) 如图 5-4 所示, 当单击用户名是否可用按钮时, 仅对用户名进行验证图 5-3 分组验证页浏览效果 (1) 图 5-4 分组验证页浏览效果 (2) (3) 如图 5-5 和图 5-6 所示, 当在用户名中输入 leaf, 再单击用户名是否可用按钮时输出抱歉! 该用户名已被占用! 的信息 ; 当在用户名中输入其他信息, 再单击用户名是否可用按钮时输出恭喜! 该用户名可用! 的信息图 5-5 分组验证页浏览效果 (3) 图 5-6 分组验证页浏览效果 (4) (4) 如图 5-7 所示, 当单击确定按钮时, 对密码确认密码生日电话号码和身份证号进行验证图 5-7 分组验证页浏览效果 (5) 三实验步骤 1. 设计并实现一个带验证控件的用户注册页面 (1) 安装并配置 jquery 1 参考实验 2 在 ExSite 网站中利用 NuGet 程序包管理器安装 jquery 若在实验 2 中

3 48 Web 程序设计 ASP.NET 上机实验指导 ( 第 3 版 ) 微课版已安装 jquery, 则略过本步骤 2 在 ExSite 网站根文件夹中建立 Global.asax 文件 ( 全局应用程序类文件 ), 并在网站启动时执行的 Application_Start() 方法中添加代码如下 : ScriptResourceDefinition scriptresdef = new ScriptResourceDefinition(); // 设置 jquery 提供的 JavaScript 库路径, 其中版本号由安装的 jquery 版本号确定 scriptresdef.path = "~/Scripts/jquery min.js"; ScriptManager.ScriptResourceMapping.AddDefinition("jquery", scriptresdef); (2) 设计 Web 窗体在 ExSite 网站根文件夹下建立 Ex5 文件夹, 再在 Ex5 文件夹中添加一个 Web 窗体 Register.aspx, 切换到设计视图如图 5-8 所示, 向页面添加一个用于页面布局的 6 行 3 列表格在相应的单元格中输入用户名 : 密码 : 确认密码 : 生日 : 电话号码 : 和身份证号 :, 并设置这些单元格的 style 属性, 使得文本的对齐方式为右对齐 ; 在相应的单元格中共添加六个 TextBox 控件六个控件一个 CompareValidator 控件一个 RangeValidator 控件一个 RegularExpressionValidator 控件和一个 CustomValidator 控件适当调整各单元格的宽度在表格下面添加 Button Label 和 ValidationSummary 控件各一个图 5-8 带验证控件的用户注册设计界面 (3) 设置各控件的属性 Web 窗体中各控件的属性设置如表 5-1 所示表 5-1 各控件的属性设置表控件属性名属性值说明 TextBox ID txtname 用户名的编程名称 TextBox ID rfvname 必须输入验证控件的编程名称 ControlToValidate txtname 验证用户名 ErrorMessage 请输入用户名! 验证未通过时将焦点定位到用户名 ID txtpassword 密码的编程名称 TextMode Password 设置密码为密码模式

4 实验 5 ASP.NET 窗体验证 49 续表控件属性名属性值说明 ID rfvpassword 必须输入验证控件的编程名称 TextBox CompareValidator ControlToValidate txtpassword 验证密码 ErrorMessage 请输入密码! 验证未通过时将焦点定位到密码 ID txtpasswordagain 确认密码的编程名称 TextMode Password 设置确认密码为密码模式 ID rfvpasswordagain 必须输入验证控件的编程名称 ControlToValidate txtpasswordagain 验证确认密码验证未通过时在汇总验证控件中显 ErrorMessage 请输入确认密码! 示的错误信息验证未通过时将焦点定位到确认密码 ID cvpassword 比较验证控件的编程名称 ControlToCompare txtpassword 与密码比较 ControlToValidate txtpasswordagain 验证确认密码 ErrorMessage 密码与确认密码不一致! 验证未通过时将焦点定位到确认密码 TextBox ID txtbirthday 生日的编程名称 RangeValidator ID rfvbirthday 必须输入验证控件的编程名称 ControlToValidate txtbirthday 验证生日 ErrorMessage 请输入生日! 验证未通过时将焦点定位到生日 ID rvbirthday 范围验证控件的编程名称 ControlToValidate txtbirthday 验证生日 ErrorMessage 日期应在验证未通过时在汇总验证控件中显到之间! 示的错误信息 MaximumValue 设置最大的日期为 MinimumValue 设置最小的日期为

5 50 Web 程序设计 ASP.NET 上机实验指导 ( 第 3 版 ) 微课版控件属性名属性值说明 RangeValidator 续表验证未通过时将焦点定位到生日 Type Date 要比较的值为日期型 TextBox ID txttelephone 电话号码的编程名称 RegularExpression- Validator ID rfvtelephone 必须输入验证控件的编程名称 ControlToValidate txttelephone 验证电话号码验证未通过时在汇总验证控件中显 ErrorMessage 请输入电话号码! 示的错误信息验证未通过时将焦点定位到电话号码 ID revtelephone 规则表达式验证控件的编程名称 ControlToValidate txttelephone 验证电话号码 ErrorMessage 电话号码格式应为 ! ValidationExpression \d3-\d8 表达式为 3 个数字 -8 个数字验证未通过时将焦点定位到电话号码 TextBox ID txtidentity 身份证号的编程名称 CustomValidator Button Label ID rfvidentity 必须输入验证控件的编程名称 ControlToValidate txtidentity 验证身份证号验证未通过时在汇总验证控件中显 ErrorMessage 请输入身份证号! 示的错误信息验证未通过时将焦点定位到身份证号 ID csvidentity 自定义验证控件的编程名称 ControlToValidate txtidentity 验证身份证号 ErrorMessage 身份证号错误! 验证未通过时将焦点定位到身份证号 ID btnsubmit 确定按钮的编程名称 Text 确定确定按钮上显示的文本 ID lblmsg 显示验证通过! 信息的 Label 控件的编程名称 Text 空初始不显示任何内容

6 实验 5 ASP.NET 窗体验证 51 控件属性名属性值说明 ID vssubmit 汇总验证控件的编程名称 ValidationSummary 续表 ShowMessageBox 以对话框形式显示汇总的验证错误信息 ShowSummary False 不在页面上显示汇总的验证错误信息 (4) 编写 Register.aspx.cs 中的方法代码 1 当页面中除自定义验证控件 csvidentity 外的其他验证控件都通过了验证, 再单击确定按钮时将触发 csvidentity 的 ServerValidate 事件, 执行的方法代码如下 : protected void CsvIdentity_ServerValidate(object source, ServerValidate EventArgs args) string cid = args.value; // 获取输入的身份证号码 args.isvalid = true; // 初始设置为验证通过 try // 获取身份证号中的出生日期并转换为 DateTime 类型 DateTime.Parse(cid.Substring(6, 4) + "-" + cid.substring(10, 2) + "-" + cid.substring(12, 2)); catch // 若转换出错, 则验证未通过 args.isvalid = false; 2 当按钮 btnsubmit 被单击后, 先触发 csvidentity 的 ServerValidate 事件, 执行 CsvIdentity_ServerValidate() 方法代码然后触发按钮 btnsubmit 的 Click 事件, 执行的方法代码如下 : protected void BtnSubmit_Click(object sender, EventArgs e) lblmsg.text = ""; if (Page.IsValid) lblmsg.text = " 验证通过!"; //TODO: 将注册信息存入数据库 (5) 浏览 Register.aspx 进行测试 (6) 在 CsvIdentity_ServerValidate() 方法中的 args.isvalid = true; 语句处设置断点,

groupname; 设置其他验证控件和确定按钮的 ValidationGroup 属性值为 groupsubmit; 新添加控件的属性设置如表 5-2 所示 Button Label 表 5-2 新添加控件的属性设置表控件属性名属性值说明 ID btnvalidatename 用户名是否可用按钮的编程名称 ValidationSummary Text 用户名是否可用用户名是否可用

7 52 Web 程序设计 ASP.NET 上机实验指导 ( 第 3 版 ) 微课版按 F5 键启动调试, 再通过按 F11 键逐条语句地执行程序, 理解程序的执行过程 2. 设计并实现同一个页面的分组验证功能 (1) 设计 Web 窗体在 Ex5 文件夹中添加一个 Web 窗体 GroupValidation.aspx, 切换到设计视图如图 5-9 所示, 在图 5-8 的基础上, 再向相应的单元格中添加一个 Button 控件和一个 Label 控件, 在表格下添加一个 ValidationSummary 控件图 5-9 分组验证设计界面 (2) 设置各控件的属性在表 5-1 的基础上, 设置必须输入验证控件 rfvname 的 ValidationGroup 属性值为 groupname; 设置其他验证控件和确定按钮的 ValidationGroup 属性值为 groupsubmit; 新添加控件的属性设置如表 5-2 所示 Button Label 表 5-2 新添加控件的属性设置表控件属性名属性值说明 ID btnvalidatename 用户名是否可用按钮的编程名称 ValidationSummary Text 用户名是否可用用户名是否可用按钮上显示的文本 ValidationGroup groupname 单击按钮时验证 groupname 组 ID lblname 显示用户名是否可用的 Label 控件的编程名称 Text 空初始不显示任何内容 ID vsname 汇总验证控件的编程名称 ShowMessageBox 以对话框形式显示汇总的验证错误信息 ShowSummary False 不在页面上显示汇总的验证错误信息 ValidationGroup groupname 汇总 groupname 组的验证错误信息 (3) 编写 GroupValidation.aspx.cs 中的方法代码除包含实验步骤 1 中 CsvIdentity_ServerValidate() 和 BtnSubmit_Click() 方法代码外, 再添加单击按钮 btnvalidatename 时触发 Click 事件后执行的 BtnValidateName_Click() 方法代码如下 : protected void BtnValidateName_Click(object sender, EventArgs e) if (txtname.text == "leaf") // 在实际工程中, 应与数据库中的用户名比较

8 实验 5 ASP.NET 窗体验证 53 lblname.text = " 抱歉! 该用户名已被占用!"; else lblname.text = " 恭喜! 该用户名可用!"; (4) 浏览 GroupValidation.aspx 进行测试四实验拓展扩展带验证控件的用户注册页面要求如下 : (1) 生日的输入值必须在到当前日期之间 (2) 电话号码的输入格式可以是 (0571) (021) 和 (0955) 等形式 (3) 增加对身份证号中省份和最后一位校验码的验证功能, 并进行程序调试

Microsoft Word - 实验3.doc

Microsoft Word - 实验3.doc 实验 3 C# 和 ASP.NET 4.5 一实验目的 (1) 了解 C# 语言规范 (2) 掌握 C# 基础语法流程控制和异常处理等 (3) 掌握创建 C# 类并应用于 ASP.NET 4.5 页面中的方法 (4) 掌握 ASP.NET 4.5 页面的调试方法二实验内容及要求 1. 转换输入的成绩到相应的等级要求如下 : (1) 页面浏览效果如图 3-1 所示 (2) 成绩输入使用 TextBox