应用验证控件讲义

项目四应用验证控件

任务一完成注册界面的设计任务一完成注册界面的设计【任务要点】常用验证服务器控件的使用【案例1】制作提交内容必填的注册页面某网页要求学生提交学号和专业，要求两项内容必填。若用户没有在文本框中输入学号或没有通过下拉列表框选择专业，则显示出错提示，显示图4-1所示的Web页面，程序正常运行时显示图4-2所示的结果。下一页返回任务一完成注册界面的设计【具体步骤】1.设计Web页面新建一个ASP.NET网站，向页面中添加必要的控件说明文字，添加一个按钮控件Button1；一个文本框控件TextBox1；一个下拉列表框控件DropDownList1和两个必须项验证控件RequiredFieldValidator1、RequiredFieldValidator2，注意将验证控件放置在被验证控件的右侧。2.设置对象属性Web页面中各控件的初始属性设置，见表4-1。下一页返回上一页任务一完成注册界面的设计Web页面加载时执行的事件过程代码如下：protectedvoidPage_Load(objectsender,EventArgse){dropSpec.Items.Add("--请选择专业--");//填充专业下拉列表框中的选项dropSpec.Items.Add("网络技术");dropSpec.Items.Add("软件工程");dropSpec.Items.Add("多媒体应用");dropSpec.Items.Add("计算机维修");this.Title="必须项验证控件应用示例";//设置页面标题}下一页返回上一页任务一完成注册界面的设计单击【提交】按钮时执行的事件过程代码如下：protectedvoidbtnOK_Click(objectsender,EventArgse){//将用户的选择显示到标签控件中lblResult.Text="你的学号是："+txtNum.Text+"<br>"+"你的专业是："+dropSpec.Text;}下一页返回上一页任务一完成注册界面的设计【案例2】利用比较验证控件来制作注册页面设计一个模拟的用户注册页面，要求使用比较验证控件（CompareValidator）对用户输入密码和确认密码的一致性、日期数据格式的正确性进行比较验证，使用必须项验证控件（RequiredFieldValidator）设置用户名及密码为必填字段。程序运行结果如图4-3和图4-4所示。下一页返回上一页任务一完成注册界面的设计【具体步骤】1.设计Web页面新建一个ASP.NET网站，切换到设计视图。向由系统自动创建的Default.aspx页面中添加一个用于布局的HTML表格，适当调整表格的行列数；向表格中添加必要的控件说明文字；添加四个用于接收用户输入数据的文本框TextBox1～TextBox4；两个按钮控件Button1、Button2；一个用于显示通过验证信息的标签控件Label1；添加两个必须项验证控件RequiredFieldValidator1和RequiredFieldValidator2，两个比较验证控件CompareValidator1、CompareValidator2，注意将必须项验证控件分别放置在用户名栏和密码栏的右侧单元格，将比较验证控件分别放置在确认密码和出生日期栏的右侧单元格；适当调整各控件的大小及位置。下一页返回上一页任务一完成注册界面的设计2.设置对象属性各控件的初始属性设置见表4-2。3.编写事件代码protectedvoidPage_Load(objectsender,EventArgse){this.Title="CompareValidator控件应用示例";txtUsername.Focus();//页面加载时，用户名文本框得到焦点lblPass.Text="";//清除通过验证标签中的文本}protectedvoidbtnOK_Click(objectsender,EventArgse){lblPass.Text="本页已通过验证！";//通过验证后在标签中显示的信息}下一页返回上一页任务一完成注册界面的设计【案例3】利用范围验证控件来制作数值录入页面使用RangeValidator控件验证用户输入学生成绩的数值范围，用户输入数据被验证通过时页面中显示如图4-5所示的结果。若用户没有输入学号或输入了不合逻辑的成绩值，则显示如图4-6所示的出错提示信息。下一页返回上一页任务一完成注册界面的设计【具体步骤】1.设计Web页面新建一个ASP.NET网站，如图4-7所示，向页面中添加必要的控件说明文字，两个文本框控件TextBox1、TextBox2；一个按钮控件Button1。在用于输入学生学号的文本框后面添加一个必须项验证控件RequiredFieldValidator1，在用于输入学生成绩的文本框后面添加一个范围验证控件RangeValidator1。2.设置对象属性各控件的初始属性设置见表4-3。下一页返回上一页任务一完成成注册界面面的设计3.编写事事件代码页面装入时时执行的事事件过程代代码如下：：protectedvoidPage_Load(objectsender,EventArgse){this.Title="范范围验证控控件应用示示例";txtNum.Focus();lblMsg.Text="";}下一页返回上一页任务一完成成注册界面面的设计单击【提交交】按钮时时执行的事事件代码如如下：protectedvoidbtnOK_Click(objectsender,EventArgse){lblMsg.Text="姓名："+txtNum.Text+"    "+"成绩：："+txtScore.Text;}下一页返回上一页任务一完成成注册界面面的设计【案例4】】制作用户不不能含有汉汉字、密码码为6～12位及对对邮箱格式式进行验证证的注册页页面。【具体步骤骤】1.设计Web页面面新建一个ASP.NET网站站，向由系系统自动产产生的默认认页面中添添加一个HTML表表格，参照照图4-11适当调整HTML表表格的行列列数及行高高、列宽。。向HTML表格中中添加需要要的控件说说明文字，，向页面中中添加三个个文本框控控件TextBox1～TextBox3；添添加一个按按钮控件Button1和一一个用于输输出验证是是否通过信信息的标签签控件Label1；分别在在用户名文文本框和密密码文本框框的右侧各各添加一个个自定义验验证下一页返回上一页任务一完成成注册界面面的设计控件CustomValidator1、CustomValidator2；在在电子邮件件文本框右右侧添加一一个正则表表达式验证证控件RegularExpressionValidator1；适当当调整各控控件的大小小和位置。。2.设置对对象属性各控件的初初始属性设设置见表4-4。3.编写事事件代码下一页返回上一页任务一完成成注册界面面的设计【背景知识识】数据验证机机制介绍数据验证服服务器控件件可以提供供易用但功功能强大的的方法检查查输入窗体体中的错误误，并在必必要时向用用户显示消消息。验证控件像像其他服务务器控件一一样添加到到Web窗窗体页。有有不同的控控件用于特特定的验证证类型，如如范围检查查或模式匹匹配，以及及确保用户户不跳过输输入字段的的RequiredFieldValidator等。。可以将多多个验证控控件附加到到一个输入入控件。例例如，可以以既指定需需要输入，，又指定输输入必须包包含特定范范围的值。。表4-5列出了所有的的验证控件。。接下来将分分别详细介绍绍这些控件的的使用方法。。下一页返回上一页任务一完成注注册界面的设设计在处理用户的的输入时（如如提交窗体时时），Web窗体页框架架将用户的输输入传递给关关联的验证控控件。验证控控件测试用户户的输入，并并设置属性以以指示输入是是否通过了验验证测试。处处理完所有的的验证控件后后，将设置页页上的IsValid属属性。如果有有任何控件显显示验证检查查失败，则整整页设置为无无效。如果验验证控控件有有错误误，错错误信信息可可由该该验证证控件件显示示在页页中，，或者者显示示在页页上其其他地地方的的ValidationSummary控控件中中。当当页的的IsValid属属性为为False时时，显显示ValidationSummary控件件。它它轮询询页上上的每每个验验证控控件，，并聚聚合每每个控控件公公开的的文本本消息息。可可以验验证的的Web服服务器器控件件见表4-6。返回上一页页表4-1各各控件件的初初始属属性设设置返回表4-2各各验证证控件件的初初始属属性设设置返回下一页页表4-2各各验证证控件件的初初始属属性设设置返回上一页页表4-3各各验证证控件件的初初始属属性设设置返回表4-4各各控件件的初初始属属性设设置返回表4-5验验证控控件的的类型型返回表4-6可可以验验证的的Web服服务器器控件件返回图4-1未未通过过验证证时显显示的的出错错信息息返回图4-2正正常运运行结结果返回图4-3通通过验验证返回图4-4出出错提提示返回图4-5通过验验证后显显示的输输出信息息返回图4-6未通过过验证时时显示的的出错提提示返回图4-7设计Web页页面返回图4-11设计计Web页面返回9、静夜四四无邻，，荒居旧旧业贫。。。2022/12/82022/12/8Thursday,December8,202210、雨中黄黄叶树，，灯下白白头人。。。2022/12/82022/12/82022/12/812/8/20221:22:06PM11、以以我我独独沈沈久久，，愧愧君君相相见见频频。。。。2022/12/82022/12/82022/12/8Dec-2208-Dec-2212、故故人人江江海海别别，，几几度度隔隔山山川川。。。。2022/12/82022/12/82022/12/8Thursday,December8,202213、乍见见翻疑疑梦，，相悲悲各问问年。。。2022/12/82022/12/82022/12/82022/12/812/8/202214、他乡乡生白白发，，旧国国见青青山。。。08十十二月20222022/12/82022/12/82022/12/815、比不了了得就不不比，得得不到的的就不要要。。。。十二月222022/12/82022/12/82022/12/812/8/202216、行动出出成果，，工作出出财富。。。2022/12/82022/12/808December202217、做前，，能够环环视四周周；做时时，你只只能或者者最好沿沿着以脚脚为起点点的射线线向前。。。2022/12/82022/12/82022/12/82022/12/89、没有失败败，只有暂暂时停止成成功！。2022/12/82022/12/8Thursday,December8,202210、很多事情情努力了未未必有结果果，但是不不努力却什什么改变也也没有。。。2022/12/82022/12/82022/12/812/8/20221:22:07PM11、成成功功就就是是日日复复一一日日那那一一点点点点小小小小努努力力的的积积累累。。。。2022/12/82022/12/82022/12/8Dec-2208-Dec-2212、世间间成事事，不不求其其绝对对圆满满，留留一份份不足足，可可得无无限完完美。。。2022/12/82022/12/82022/12/8Thursday,December8,202213、不知知香积积寺，，数里里入云云峰。。。2022/12/82022/12/82022/12/82022/12/812/8/202214、意志坚强强的人能把把世界放在在手中像泥泥块一样任任意揉捏。。08十二二月20222022/12/82022/12/82022/12/815、楚楚塞塞三三湘湘接接，，荆荆门门九九派派通通。。。。。。十二二月月222022/12/82022/12/82022/12/812/8/202216、少少年年十十五五二二十十时时，，步步行行夺夺得得胡胡马马骑骑。。。。2022/12/82022/12/808December202217、空山新新雨后，，天气晚晚来秋。。。2022/12/82022/12/82022/12/82022/12/89、杨柳散散和风，，青山澹澹吾虑。。。2022/12/82022/12/8Thursday,December8,202210、阅读一切切好书如同同和过去最最杰出的人人谈话。2022/12/82022/12/82022/12/812/8/20221:22:07PM11、越越是是没没有有本本领领的的就就越越加加自自命命不不凡凡。。2022/12/82022/12/82022/12/8Dec-2208-Dec-2212、越越是是无无能能的的人人，