1 / 20

《网上商场 —— 用户注册验证 》 —— 教学 设计

《网上商场 —— 用户注册验证 》 —— 教学 设计. 《网上商场 —— 用户注册验证 》 —— 教学 设计. 主讲：周润苗. 复 习. 问题 1. 问题 2. 1. 问： HTML 控件和 Web 控件的区别？. 问：我们已学过哪几种类型的控件？. HTML 控件： 在客户 端运行且不需用户 结合多种功能时 使用 Web 控件： 在服务 器端运行窗体时使用. HTML 控件 Web 控件. 引 入. 2. 用户注册时，输入了不合标准的信息 后台手写验证代码 - 使用 javascript 脚本进行验证 ASP.NET 提供了验证控件

caitir
Download Presentation

《网上商场 —— 用户注册验证 》 —— 教学 设计

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 《网上商场——用户注册验证》——教学设计 《网上商场——用户注册验证》——教学设计 主讲：周润苗

  2. 复 习 问题1 问题2 1 问：HTML控件和Web控件的区别？ • 问：我们已学过哪几种类型的控件？ • HTML控件：在客户 • 端运行且不需用户 • 结合多种功能时 • 使用 • Web控件：在服务 • 器端运行窗体时使用 • HTML 控件 • Web控件

  3. 引 入 2 • 用户注册时，输入了不合标准的信息 • 后台手写验证代码 - 使用javascript脚本进行验证 ASP.NET提供了验证控件 • 轻松实现用户输入的验证，且与用户浏览器无关 • 由在客户端或服务器中运行的验证代码执行 • 多种验证控件，验证数据更加简单方便 （怎么办?) 页面回传，用户体验不好 不安全，与浏览器相关 （好处？）

  4. 预习检查 Compare Validator RequiredField Validator 比较验证 必填验证 范围验证 Regular Expression Validator Range Validator 正则验证 3 • 有哪几种数据验证控件？ 自定义验 证控件

  5. 任 务 4 • 完善用户注册 验证控件 当商场用户在注册网页中输入的信息不符合指定要求时， 要给出一定的错误提示信息，减少意外错误

  6. RequiredFieldValidator 5 • 非空验证 • 用于验证用户输入是否为空 • 常与其他控件一起使用 • 常用属性

  7. RequiredFieldValidator练习 5 这些字段中是否有任何字段为空？ 提交窗体

  8. RequiredFieldValidator练习 5 为每个文本框置入一个 RequiredFieldValidator控件，并按下一页所示设置各个控件的属性 从工具箱中选择 RequiredFieldValidator控件 将所有控件放入窗体，同时应验证姓名和年龄输入是否为空

  9. RequiredFieldValidator练习 5 姓名字段中含有一个值，因此验证后未显示错误 年龄字段为空，因此验证后显示错误消息

  10. CompareValidator 6 • CompareValidator用于比较控件的值 • 注册时，密码需要输入两次，并且一致 • 付款时，金额需大于0 • …… • 常用属性

  11. CompareValidator练习 6 检查 ID 是否为数字 检查日期是否有效 检查截止日期是否 迟于起始日期 选择三个 CompareValidator控件

  12. CompareValidator练习 6 检查 ID： 检查起始日期： 检查截止日期：

  13. 电子邮件的验证 7 • 电子邮件的规则是： • 必须包含一个并且只有一个符号“@” • 第一个字符不得是“@”或者“.” • 不允许出现“@.”或者.@ • 结尾不得是字符“@”或者“.” • 电子邮件怎么验证？ • -没有大小可比 zhourunmiao@163.com • -没有范围之分 可使用正则表达式

  14. 正则表达式 7 • 用某种模式去匹配一类字符串的一个公式 • 一类字符串：电话号码、电子邮件地址 … ... • 模式：规则 • 公式：表示规则的一段文字 • 匹配：根据表达式去对比验证规则 例子： “^”可匹配字符串开始。那么表达式： “^正则” 可匹配的下列字符串中的那一种？ √ 正则表达式 × 名不正则言不顺

  15. 正则表达式 ^ 字符串开始处 $ 字符串结束 [a-z ] 是否是a-z中的一个 符号 含义 \w 允许输入任何值 \d{3} “\d”指定输入的值是一个数字, { } 表示已指定数据类型的出现次数 + 表明一个或多个元素将被添加到正在检查的表达式 7

  16. 正则表达式 1 2 3 4 7 例如：国内电话号码的表达式 (\ (0\d{2,3}\)|0\d{2,3}-)?\d{7,8}(-\d{1,4})? 解释： (\(0\d{2,3}\)|0\d{2,3}-)?：? 表示前面的出现0或1 |表示或者，即\(0\d{2,3}\)或者0\d{2,3}- 也就是区号 可以用(010)，(0871)，010-,0871- 表示 \d{7,8} ： 表示 7位或者8位数字电话号码 (-\d{1,4})?： ？表示出现0或1次，即1到4位 分机号或者没有分机号 以下的都算满足：12345678，010-12345678， (010)12345678,0877-1234567-1234等

  17. RegularExpressionValidator 7 • 应用正则表达式作为进行验证的控件 • 电子邮件 • 身份证号 • ... ... • 常用属性 • ValidationExpression属性:设置要匹配的正则表达式

  18. RegularExpressionValidator练习 7 选择三个RegularExpressionValidator控件 应以有效的电子邮件格式填写 电子邮件地址，如 abc@163.com 电话号码应为 11 位数 姓名应介于 2 至 50 个字符之间

  19. RegularExpressionValidator练习 7 用来验证姓名的控件的验证表达式的值： \w{2-50} 用来验证电子邮件的控件的验证表达式的值： \w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)* 用来验证电话号码的控件的验证表达式的值： [0-9]{11} 在字段中输入的值与正则表达式不匹配

  20. 任务实现 8 • 完善用户注册功能 • 使用验证控件的验证方式 • 所有输入都不可空 • 两次输入密码一致 • Email需要格式正确

More Related