[工学]第04讲 验证控件.pptVIP

动态网站设计与开发(ASP.NET) 第04讲 验证控件 教学目标 了解各类网页验证功能的实现过程； 了解一般HTML网页中的验证方法； 理解、掌握：RequiredFieldValidator、RangeValidator、CompareValidator、RegularExpressionValidator等4种验证控件的作用和使用方法。 本讲关注重点和难点： 4种控件的作用和使用方法； 正则表达式的语法和使用方法。 第04讲 验证控件 教学做目录 验证控件概述（引入） 教学做任务 本讲知识点 拓展训练 课外实践 本讲小结 技能知识点测试 第04讲 验证控件 4.1 验证控件概述 一般的网站中有一些页面需要用户输入信息，比如登录、注册、搜索等，如果用户输入的格式不符合要求，就要给出相应的提示，例如百度知道栏目的用户注册页面，当漏填、错填时，都给出了比较详细的提示。 这些输入错误时能给出对应提示的功能在ASP.NET中使用验证控件来完成 第04讲 验证控件 4.2 教学做任务实践 初识输入验证方法； “客户端验证”方法及示例1： “用户注册” “服务端验证”方法及示例2： “用户注册” ASP.NET验证控件案例3：“用户注册”案例 4.2.1服务器验证和客户端验证方法 对用户输入的数据进行验证的方法分为两种： 直接使用客户端脚本进行验证 使用服务器端的代码进行验证 4.2.1服务器验证和客户端验证 (1)直接使用客户端脚本进行验证 示例演示 验证函数：function checkform() 4.2.1服务器验证和客户端验证 (1)直接使用客户端脚本进行验证 任务：参照演示文档，完成对”年龄”输入的验证。 原始文件：reg_student(任务－年龄输入验证).htm 结果样例： 4.2.1服务器验证和客户端验证 (2)使用服务器端的代码进行验证——示例 4.2.1服务器验证和客户端验证 两种验证 麻烦，编程，开发效率低 利用ASP.NET中的验证控件 4.2.2“用户注册(服务器控件版)”案例 4.2.2 操作步骤 首先，新建一网站，目录为: ..\C04\XX_Register 然后，完成网页设计及代码编写 1. 创建用户注册网页 1）插入文字和标准控件，并设置标准控件属性 2）插入验证控件，并设置相应属性 2. 用户注册网页的浏览与测试 4.2.2 操作步骤 1. 创建用户注册网页（标准控件）大致步骤如下: （1）插入表 （2）添加文字、文本框和按钮 （3）合并列，设置控件属性 （4）添加单选按钮、下拉列表框和复选框 （5）添加验证项：RequiredFieldValidator （6）设置RequiredFieldValidator属性 （7）添加：CompareValidator，RangeValidator，RegularExpressionValidator， （8）设置各验证控件属性 4.2.2 操作步骤 1. 创建用户注册网页（标准控件） （1）插入表 插入13行，4列的表格 4.2.2 操作步骤 1. 创建用户注册网页（标准控件） 分三大部分来完成 4.2.2 操作步骤 1. 创建用户注册网页（标准控件） （2） 添加文字、控件、验证，并设置属性－1 第一部分 ?先创建并设置：用户姓名、用户密码、确认密码、姓名等文本框控件，以及确定和清空两个命令按钮等控件与属性。 ?添加四个RequiredFieldValidator控件和1个CompareValidator控件，用于相应的4个文本框控件验证，并设置属性。 ?运行测试。 4.2.2 操作步骤 1. 创建用户注册网页（标准控件） （2） 添加文字、控件、验证，并设置属性－2 第二部分。 ?然后创建并设置：性别单选按钮、身高文本框、出生年月下拉列表框等控件，并设置相关属性。 ?添加1个RequiredFieldValidator控件和1个RangeValidator控件， 用于“身高”文本框控件验证 。 ?运行测试。 4.2.2 操作步骤 1. 创建用户注册网页（标准控件） （2） 添加文字、控件、验证，并设置属性－2 第三部分。 ?最后创建并设置：联系电话、手机号码、电子邮件等文本框控件和爱好复选框控件，并设置相关属性。 ?添加3个RequiredFieldValidator控件和3个RegularExpressionValidator控件， 用于3个文本框控件验证 。 ?运行测试。 4.2.2 操作步骤 1. 创建用户注册网页（验证控件） 4.2.2 操作步骤 2. 用户注册网页的浏览 调试、浏览并验证效果！ 与之前的客户端/服务端验证进行比较！ 结果提交： 将目录C04，压缩为XX_C04.RA