week6练习 验证控件

Week6 ASP.NET验证控件的应用

准备工作：请先在F盘的A卷或B卷中创建你姓名学号的文件夹，将下面的练习保存在该文件夹内。

相关知识点 —验证控件

验证控件是 ASP.NET 技术中用于实现用户输入数据验证的服务器控件，可以实现对用户输入数据的空值验证，格式验证，类型验证，范围验证等，保证数据的准确输入。验证方式可以包括客户端验证和服务器端验证，验证控件支持这两种验证方式的设计。

练习1 设计并实现一个带验证控件的用户注册页面，命名为UserRegister.aspx。 要求如下：

(1) 页面浏览效果如图3-1和图3-2所示。 (2)“用户名”、“密码”、“确认密码”、“生日”、“电话号码”和“身份证号”等信息必须输入。

(3) “密码”和“确认密码”的输入值必须一致。

(4) “生日”的输入值必须在1970-1-1到2000-1-1之间。

(5) “电话号码”的输入信息格式必须如0573-83642378形式。 (6) “身份证号”中的出生年月信息必须为合法的日期数据。 (7) 能汇总显示所有的验证错误信息，并以独立的对话框显示。

(8) 当验证控件出现验证错误时，焦点会定位在出现验证错误的文本框中。 (9) 若通过所有的验证，则显示“验证通过”的信息。

图3-1 “用户注册”浏览效果（1）

图3-2 单击“确定”按钮的效果（2）

操作步骤：

（1）设计Web窗体

新建一个Web窗体，切换到设计视图。如图3-3所示，在工具箱中的“HTML”里双击Table控件，在表格上单击右键插入三行；接着向页面输入“用户名”、“密码：”、“确认密码：”、“生日：”、“电话号码：”和“身份证号：”等信息；再单击工具箱的“标准”及“验证”，分别添加6个TextBox控件、6个RequiredFieldValidator控件、1个CompareValidator控件、1个RangeValidator控件、1个RegularExpressionValidator控件、1个CustomValidator控件，1个Botton控件、1个Label控件和1个ValidatorSummary控件。适当调整个控件的位置和大小。

图3-3 设计界面（1）

（2）设置属性

Web窗体中各控件的属性设置如表3-1所示。

表3-1 各控件的属性设置表

控件 TextBox 属性名 ID 属性值 txtName rfvName 说明 “用户名”文本框的编程名称 “必须输入验证”控件的编程名称 验证“用户名”文本框 验证无效时在“汇总验证”控件中显示的错误信息 验证无效时将焦点定位到“用户名”文本框 验证无效时提示的错误信息 “密码”文本框的编程名称 设置“密码”文本框为密码模式 “必 须 输 入 验 证”控 件的 编 程 名 称 验证“密码”文本框 验证无效时在“汇总验证”控件中显示的错误信息 验证无效时将焦点定位到“密码”文本框 验证无效时提示的错误信息 RequiredFieldValidator ID ControlToValidate txtName ErrorMessage 请输入用户名 SetFocusOnError Text TextBox ID TextMode RequiredFieldValidator ID True * txtPassword Password rfvPassword ControlToValidate txtPassword ErrorMessage 请输入密码 SetFocusOnError Text TextBox ID TextMode RequiredFieldValidator ID True * txtPasswordAgain “确认密码”文本框的编程名称 Password 设置“确认密码”文本框为密码模式 rfvPasswordAgain “必须输入验证”控件的编程名称 ControlToValidate txtPasswordAgain 验证“确认密码”文本框 ErrorMessage 请输入确认密码 验证无效时在“汇总验证”控件中显示的错误信息 验证无效时将焦点定位到“确认密码”文本框 SetFocusOnError True Text CompareValidator ID ControlToCompare * cvPassword txtPassword 验证无效时提示的错误信息 “比较验证”控件的编程名称 与“密码”文本框比较 ControlToValidate txtPasswordAgain 验证“确认密码”文本框 ErrorMessage 密码与确认密码不一致 True 验证无效时在“汇总验证”控件中显示的错误信息 验证无效时将焦点定位到“确认密码”文本框 “生日”文本框的编程名称 “必须输入验证”控件的编程名称 验证“生日”文本框 验证无效时在“汇总验证”控件中显示的错误信息 验证无效时将焦点定位到“生日”文本框 验证无效时提示的错误信息 “范围验证”控件的编程名称 验证“生日”文本框 验证无效时在“汇总验证”控件中显示的错误信息 设置最大的日期为2010-1-1 设置最小的日期为1900-1-1 验证无效时将焦点定位到“生日”文本框 要比较的值为日期型 “电话号码”文本框的编程名称 “必须输入验证”控件的编程名称 SetFocusOnError TextBox ID txtBirthday rfvBirthday RequiredFieldValidator ID ErrorMessage ControlToValidate txtBirthday 请输入生日 SetFocusOnError Text RangeValidator ID True * rvBirthday ControlToValidate txtBirthday ErrorMessage 日期应在1970-1-1到2000-1-1之间 2000-1-1 1970-1-1 True Date txtTelephone rfvTelephone MaximumValue MinimumValue SetFocusOnError Type TextBox ID RequiredFieldValidator ID ControlToValidate txtTelephone ErrorMessage 请输入电话号码 验证“电话号码”文本框 验证无效时在“汇总验证”控件中显示的错误信息 验证无效时将焦点定位到“电话号码”文本框 验证无效时提示的错误信息 “规则表达式验证”控件的编程名称 验证“电话号码”文本框 SetFocusOnError True Text RegularExpressionValidator ID * revTelephone ControlToValidate txtTelephone ErrorMessage 电话号码格式应验证无效时在“汇总验为0573-83642378 证”控件中显示的错误信息 True 要修改 验证无效时将焦点定位到“电话号码”文本框 表达式为“中华人民共和国电话号码” “身份证号”文本框的编程名称 “必须输入验证”控件的编程名称 验证“身份证号”文本框 验证无效时在“汇总验证”控件中显示的错误信息 验证无效时将焦点定位到“身份证号”文本框 验证无效时提示的错误信息 “自定义验证”控件的编程名称 验证“身份证号”文本框 验证无效时在“汇总验证”控件中显示的错误信息 SetFocusOnError ValidationExpression TextBox ID (\\(\\d{3,4}\\)|\\d{3,4}-)?\\d{7,8} txtIdentity rfvIdentity RequiredFieldValidator ID ControlToValidate txtIdentity ErrorMessage 请输入身份证号 SetFocusOnError True Text CustomValidator ID * cvIdentity ControlToValidate txtIdentity ErrorMessage 身份证号错误！

本文来源：https://www.bwwdw.com/article/0dqf.html