网上商场用户注册验证教学设计市公开课一等奖百校联赛特等奖课件

《网上商场——用户注册验证》

——教学设计

主讲：周润苗《网上商场——用户注册验证》

——教学设计

第1页问题1问：我们已学过哪几个类型控件？问题2问：HTML控件和Web控件区分？HTML控件：在客户端运行且不需用户结合各种功效时使用Web控件：在服务器端运行窗体时使用HTML控件Web

控件复习1第2页用户注册时，输入了不合标准信息后台手写验证代码-使用javascript脚本进行验证ASP.NET提供了验证控件轻松实现用户输入验证，且与用户浏览器无关由在客户端或服务器中运行验证代码执行各种验证控件，验证数据愈加简单方便页面回传，用户体验不好

不安全，与浏览器相关

引入2（怎么办?)（好处？）第3页RequiredFieldValidatorRegularExpressionValidatorCompare

ValidatorRangeValidator比较验证正则验证范围验证必填验证自定义验证控件有哪几个数据验证控件？预习检验3第4页完善用户注册验证控件任务4当商场用户在注册网页中输入信息不符合指定要求时，要给出一定错误提醒信息，降低意外错误第5页非空验证用于验证用户输入是否为空常与其它控件一起使用惯用属性属性名称说明ControlToValidate验证控件idText犯错时提醒ErrorMessage提交给ValidationSummary错误提醒，当Text为空时，也会显示该错误信息RequiredFieldValidator5第6页提交窗体这些字段中是否有任何字段为空？RequiredFieldValidator练习5第7页将全部控件放入窗体，同时应验证姓名和年纪输入是否为空从工具箱中选择RequiredFieldValidator

控件为每个文本框置入一个RequiredFieldValidator

控件，并按下一页所表示设置各个控件属性RequiredFieldValidator练习5第8页属性值IdRFV1ControlToValidatetxtNameText请输入姓名！！ForeColorRed属性值IdRFV2ControlToValidatetxtAgeText*ErrorMessage请输入年纪！ForeColorRed姓名字段中含有一个值，所以验证后未显示错误年纪字段为空，所以验证后显示错误消息RequiredFieldValidator练习5第9页CompareValidator用于比较控件值注册时，密码需要输入两次，而且一致付款时，金额需大于0……惯用属性属性名称说明ControlToCompare要进行对比控件Type比较类型设置，不一样类型比较可能会犯错Operator比较运算符，默认为等于CompareValidator6第10页检验ID是否为数字检验日期是否有效检验截止日期是否迟于起始日期选择三个CompareValidator

控件CompareValidator练习6第11页属性值IDComVal1ControlToValidatetxtIdDisplayStaticTextID

无效ForeColorRedOperatorDataTypeCheckTypeInteger检验ID：检验起始日期：检验截止日期：属性值IDComVal2ControlToValidatetxtSdateDisplayStaticText日期有效ForeColorRedOperatorDataTypeCheckTypeDate属性值IDComVal3ControlToComparetxtSdateControlToValidatetxtEdateDisplayStaticText截止日期应迟于起始日期ForeColorRedOperatorGreaterThanTypeIntegerCompareValidator练习6第12页电子邮件规则是：必须包含一个而且只有一个符号“@”第一个字符不得是“@”或者“.”不允许出现“@.”或者.@结尾不得是字符“@”或者“.”zhourunmiao@163.com可使用正则表示式电子邮件验证电子邮件怎么验证？-没有大小可比-没有范围之分7第13页用某种模式去匹配一类字符串一个公式一类字符串：电话号码、电子邮件地址…...模式：规则公式：表示规则一段文字匹配：依据表示式去对比验证规则例子：“^”可匹配字符串开始。那么表示式：“^正则”可匹配以下字符串中那一个？√×正则表示式名不正则言不顺正则表示式7第14页符号含义^字符串开始处$字符串结束[a-z]是否是a-z中一个\w允许输入任何值\d{3}“\d”指定输入值是一个数字,{}表示已指定数据类型出现次数+表明一个或多个元素将被添加到正在检验表示式正则表示式7第15页1234以下都算满足：12345678(010)123456781234等\d{7,8}：表示7位或者8位数字电话号码(-\d{1,4})?：？表示出现0或1次，即1到4位分机号或者没有分机号解释：(\(0\d{2,3}\)|0\d{2,3}-)?：?表示前面出现0或1|表示或者，即\(0\d{2,3}\)或者0\d{2,3}-也就是区号能够用(010)，(0871)，010-,0871-表示比如：国内电话号码表示式(\(0\d{2,3}\)|0\d{2,3}-)?\d{7,8}(-\d{1,4})?正则表示式7第16页应用正则表示式作为进行验证控件电子邮件身份证号......惯用属性ValidationExpression属性:设置要匹配正则表示式RegularExpressionValidator7第17页选择三个

RegularExpressionValidator

控件姓名应介于2至50个字符之间应以有效电子邮件格式填写电子邮件地址，如abc@163.com电话号码应为11位数RegularExpressionValidator练习7第18页用来验证姓名控件验证表示式值：\w{2-50}用来验证电子邮件控件验证表示式值：\w+([-+.]\w+)*@\w+([-.]\w+)*\