• / 15

week6练习-验证控件.docx

配套讲稿:

如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

特殊限制:

部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词:
week6练习-验证控件.docx
资源描述:

《week6练习-验证控件.docx》由会员分享,可在线阅读,更多相关《week6练习-验证控件.docx(15页珍藏版)》请在微传网上搜索。

1、Week6ASP.NET 验证控件的应用准备工作:请先在 F 盘的 A 卷或 B 卷中创建你姓名学号的文件夹,将下面的练习保存在该文件夹内。相关知识点—验证控件验证控件是 ASP.NET 技术中用于实现用户输入数据验证的服务器控件,可以实现对用户输入数据的空值验证,格式验证,类型验证,范围验证等,保证数据的准确输入。 验证方式可以包括客户端验证和服务器端验证,验证控件支持这两种验证方式的设计。练习 1 设计并实现一个带验证控件的用户注册页面,命名为UserRegister.aspx。

2、。要求如下:(1) 页面浏览效果如图3-1 和图 3-2 所示。(2) “用户名”、“密码”、“确认密码” 、“生日”、“电话号码”和“身份证号”等信息必须输入。(3) “密码”和“确认密码”的输入值必须一致。(4) “生日”的输入值必须在 1970-1-1 到 2000-1-1 之间。(5) “电话号码”的输入信息格式必须如8 形式。(6) “身份证号”中的出生年月信息必须为合法的日期数据。(7) 能汇总显示所有的验证错误信息,并以独立的对话框显示。(8) 当验证控件出现验证错误时,焦。

3、点会定位在出现验证错误的文本框中。(9) 若通过所有的验证,则显示“验证通过”的信息。图 3-1 “用户注册”浏览效果(1)图 3-2单击“确定”按钮的效果(2)操作步骤:( 1)设计 Web 窗体新建一个 Web 窗体,切换到设计视图。如图3-3 所示,在 工具箱 中的 “ H。

4、TML ”里双击 Table 控件,在表格上 单击右键 插入三行;接着向页面输入“用户名” 、“密码:”、“确认密码: ”、“生日:”、“电话号码: ”和“身份证号: ”等信息;再单击工具箱的 “标准”及“验证” ,分别添加 6 个 TextBox 控件、 6 个 RequiredFieldValidator 控件、 1 个 CompareValidator 控件、1 个 RangeValidator 控件、1 个 RegularExpressionValidator 控件、 1 个 CustomValidator 控件, 1 个 Botton 控件、 1 个 Label 控件和 1 。

5、个 ValidatorSummary 控件。适当调整个控件的位置和大小。图 3-3 设计界面( 1)( 2)设置属性Web 窗体中各控件的属性设置如表3-1 所示。表 3-1 各控件的属性设置表控件属性名属性值说明TextBoxIDtxtName“用户名”文本框的编程名称RequiredFieldValidatorID。

6、rfvName“必须输入验证”控件的编程名称ControlToValidatetxtName验证“用户名”文本框ErrorMessage请输入用户名验证无效时在“汇总验证”控件中显示的错误信息SetFocusOnErrorTrue验证无效时将焦点定位到“用户名”文本框Text*验证无效时提示的错误信息TextBoxIDtxtPassword“密码”文本框的编程名称。

7、TextModePassword设置“密码”文本框为密码模式RequiredFieldValidatorIDrfvPassword“ 必 须 输 入验证”控 件的 编 程 名称ControlToValidatetxtPassword验证“密码”文本框ErrorMessage请输入密码验证无效时在“汇总验证”控件中显示的错误信息SetFocusOnErrorTrue验证无效时将焦点定。

8、位到“密码”文本框Text*验证无效时提示的错误信息TextBoxIDtxtPasswordAgain“确认密码”文本框的编程名称TextModePassword设置“确认密码”文本框为密码模式RequiredFieldValidatorIDrfvPasswordAgain“必须输入验证”控件的编程名称ControlToValidatetxtPasswordAgain验证“确认密码”文本框。

9、ErrorMessage请输入确认密码验证无效时在“汇总验证”控件中显示的错误信息SetFocusOnErrorTrue验证无效时将焦点定位到“确认密码”文本框Text*验证无效时提示的错误信息CompareValidatorIDcvPassword“比较验证”控件的编程名称ControlToCompartxtPassword与“密码”文本框比较。

10、eControlToValidatetxtPasswordAgain验证“确认密码”文本框ErrorMessage密码与确认密码验证无效时在“汇总验不一致证”控件中显示的错误信息SetFocusOnErrorTrue验证无效时将焦点定位到“确认密码”文本框TextBoxIDtxtBirthday“生日”文本框的编程名称RequiredFieldValidatorIDrfvBir。

11、thday“必须输入验证”控件的编程名称ControlToValidatetxtBirthday验证“生日”文本框ErrorMessage请输入生日验证无效时在“汇总验证”控件中显示的错误信息SetFocusOnErrorTrue验证无效时将焦点定位到“生日”文本框Text*验证无效时提示的错误信息RangeValidatorIDrvBirthday“范围验证”控件的编。

12、程名称ControlToValidatetxtBirthday验证“生日”文本框ErrorMessage日 期 应在验证无效时在“汇总验1970-1-1到证”控件中显示的错误2000-1-1 之间信息MaximumValue2000-1-1设 置 最 大 的 日 期 为2010-1-1MinimumValue1970-1-1设 置 最 小 的 日 期 为1900-1-1SetFocusOnErrorTrue验。

13、证无效时将焦点定位到“生日”文本框TypeDate要比较的值为日期型TextBoxIDtxtTelephone“电话号码”文本框的编程名称RequiredFieldValidatorIDrfvTelephone“必须输入验证”控件的编程名称ControlToValidatetxtTelephone验证“电话号码”文本框ErrorMessage请输入电话号码验证无效时在“汇总验证”控件中显示。

14、的错误信息SetFocusOnErrorTrue验证无效时将焦点定位到“电话号码”文本框Text*验证无效时提示的错误信息RegularExpressionValiIDrevTelephone“规则表达式验证”控dator件的编程名称ControlToValidatetxtTelephone验证“电话号码”文本框ErrorMessage电话号码格式应验证无效时在“汇总验为 8证”控件中显示的错误。

15、信息SetFocusOnErrorTrue验证无效时将焦点定要修改位到“电话号码”文本框ValidationExpress(\(\d{3,4}\)|\d{3,4表达式为“中华人民共ion}-)?\d{7,8}和国电话号码”TextBoxIDtxtIdentity“身份证号”文本框的编程名称RequiredFieldValidatorIDrfvIdentity“必须输入验证”控件的编程名称ControlToValidatetxtIden。

16、tity验证“身份证号”文本框ErrorMessage请输入身份证号验证无效时在“汇总验证”控件中显示的错误信息SetFocusOnErrorTrue验证无效时将焦点定位到“身份证号”文本框Text*验证无效时提示的错误信息CustomValidatorIDcvIdentity“自定义验证”控件的编程名称ControlToValidatetxtIdentity验证“身份证号”文本框。

17、ErrorMessage身份证号错误!验证无效时在“汇总验证”控件中显示的错误信息SetFocusOnErrorTrue验证无效时将焦点定位到“身份证号”文本框BottonIDbtnSubmit“确定”按钮的编程名称Text确定“确定”按钮上显示的文本LabelIDlblMsg显示“验证通过”信息的 Label 控件的编程名称Text空初始不显示任何内容。

18、ValidationSummaryIDvsSubmit“汇总验证”按钮的编程名称ShowMessageBoxTrue以对话框形式显示汇t总的验证错误信息ShowSummaryFalse不在网页上显示汇总的验证错误信息( 3)编写事件、方法代码双击“自定义验证”控件cvIdentity ,进入其ServerValidate 事件,代码如下:。

19、按钮 btnSubmit 被单击时执行的事件代码如下:(4)浏览建立的Web 窗体进行测试。拓展练习 :在完成练习1 的基础上,对 用户名增加是否可用的功能。如图 3-4 所示,当点击“用户名是否可用”按钮时,仅对“用户名”进行验证。。

20、图 3-4 “用户名”验证如图 3-5 和图 3-6 所示,当在“用户名”文本框中输入“peizheng”,再单击“用户名是否可用”按钮时,输出“抱歉!该用户名已被占用!”的信息;当在“用户名”文本框中输入其它信息,再单击“用户名是否可用”按钮时,输出“恭喜!该用户名可用!的信息。”。

21、图 3-5 “分组验证”浏览效果(3)图 3-6 “分组验证”浏览效果(4)操作步骤:( 1)设计 Web 窗体如图 3-7 所示, 在练习1 的基础上 ,再向页面添加1 个 Botton控件、 1 个Label控件和1 个 ValidationSummary 控件。适。

22、当调整个控件的位置和大小。图 3-7 设计界面(2)( 2)设置属性在表 3-1 的基础上,新添加控件的属性设置如表3-2 所示。表 3-2 各控件的属性设置表控件属性名属性值说明ButtonIDBtnValidateName“用户名是否可用”按钮的编程名称Text用户名是否可用“用户名是否可用”按钮上显示的文本ValidationGroupgroupName单击按钮时验证 groupName 组La。

23、belIDlblName显示 “用户名是否可用 ”信息的Label 控件编程名称Text空初始不显示任何内容ValidationSuIDvsName“汇总验证 ”控件的编程名称mmaryShowMessageBoxTrue以对话框形式显示汇总的验证错误信息ShowSummaryFalse不在网页上显示汇总的验证错误信息ValidationGroupgroupName汇总 groupName 组的错误验证信息( 3)编写事件代码还要添加按钮btnValidateName 被单击时执行的事件,代码如下:最后,浏览建立的Web 窗体查看效果。。

展开阅读全文
  微传网所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
0条评论

还可以输入200字符

暂无评论,赶快抢占沙发吧。

关于本文
本文标题:week6练习-验证控件.docx
链接地址:https://www.weizhuannet.com/p-11856216.html
微传网是一个办公文档、学习资料下载的在线文档分享平台!

网站资源均来自网络,如有侵权,请联系客服删除!

 网站客服QQ:80879498  会员QQ群:727456886

copyright@ 2018-2028 微传网版权所有

     经营许可证编号:冀ICP备18006529号-1 公安局备案号:13028102000124

收起
展开