《(8)--2.11用户界面输入验证.ppt》由会员分享，可在线阅读，更多相关《(8)--2.11用户界面输入验证.ppt（12页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、Web开发技术用户交互设计Task任务5.2.1 用户界面输入验证任务描述任务目标任务分析实现过程3技术要点在注册页面中，当用户提交相关信息时，需要保证用户输入的数据信息格式的有效性，同时对输入的信息不符合指定要求时，要给出一定的错误提示信息，减少意外输入错误，提高数据格式的规范性。任务描述任务目标技术要点4实现过程1.能正确地设置和使用RequiredFieldValidator控件基本属性。2.能正确的设置和使用CompareValidator控件基本属性。3.能正确的设置和使用RegularExpressionValidator控件基本属性，并能够了解简单的正则表达式的书写。任务描述任务
2、目标任务分析实现过程5技术要点Web网页分类1.页面流，完成任务所涉及的界面如下：2.项目式样任务描述任务目标任务分析实现过程6技术要点1准备网页文件。打开解决方案下的用户注册页面Reg.aspx2添加必填项验证控件。在用户名后和密码后各添加一个必填项验证控件RequiredFieldValidator，限制文本框txtUer和txtPassword不得为空，所设置必填项验证控件的属性表所示。任务描述任务目标任务分析实现过程7技术要点3添加比较验证控件在校验密码后添加一个比较验证控件 Compare Validator,限制校验密码和密码要一致。设置属性如表2-5-3所示。任务描述任务目标任务
3、分析实现过程8技术要点4添加范围验证控件在年龄后添加一个范围验证控件RangeValidator，限制年龄要是0-100之间的整数，设置属性如表2-5-4所示。任务描述任务目标任务分析实现过程9技术要点5添加正则验证控件。在E-mail、联系电话、邮政编码后各添加一个正则验证控件RegularExpressionValidator，限制输入的邮箱格式、联系电话、邮政编码要合法。设置属性如表2-5-5 所示。任务描述任务目标任务分析实现过程10技术要点6设置Web Form 使用UnobtrusiveValidationMode 来验证打开reg.aspx.cs 文件，在page_load 事件中添加如下代码:任务描述任务目标任务分析实现过程11技术要点7运行查看结果完成上述设计后运行该网页，尝试输入一些不合法的数据，查看各验证控件的作用，如图2-5-2 所示。谢 谢 观 看！