项目四的应用验证控件概论.pptVIP

项目四应用验证控件 任务一完成注册界面的设计 任务一完成注册界面的设计 【任务要点】 常用验证服务器控件的使用 【案例1】制作提交内容必填的注册页面 某网页要求学生提交学号和专业，要求两项内容必填。若用户没有在文本框中输入学号或没有通过下拉列表框选择专业，则显示出错提示，显示图4-1所示的Web页面，程序正常运行时显示图4-2所示的结果。 任务一完成注册界面的设计 【具体步骤】 1.设计Web页面 新建一个ASP.NET网站，向页面中添加必要的控件说明文字，添加一个按钮控件Button1；一个文本框控件TextBox1；一个下拉列表框控件DropDownList1和两个必须项验证控件RequiredFieldValidator1、RequiredFieldValidator2，注意将验证控件放置在被验证控件的右侧。 2.设置对象属性 Web页面中各控件的初始属性设置，见表4-1。 任务一完成注册界面的设计 Web页面加载时执行的事件过程代码如下： protected void Page_Load(object sender,EventArgs e) { dropSpec.Items.Add(--请选择专业--);//填充专业下拉列表框中的选项 dropSpec.Items.Add(网络技术); dropSpec.Items.Add(软件工程); dropSpec.Items.Add(多媒体应用); dropSpec.Items.Add(计算机维修); this.Title=必须项验证控件应用示例;//设置页面标题 } 任务一完成注册界面的设计 单击【提交】按钮时执行的事件过程代码如下： protected void btnOK_Click(object sender,EventArgs e) { //将用户的选择显示到标签控件中 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.编写事件代码 protected void Page_Load(object sender,EventArgs e) { this.Title=CompareValidator控件应用示例; txtUsername.Focus();//页面加载时，用户名文本框得到焦点 lblPass.Text=;//清除通过验证标签中的文本} protected void btnOK_Click(object sender,EventArgs e) { lblPass.Text=本页已通过验证！;//通过验证后在标签中显示的信息} 任务一完成注册界面的设计 【案例3】利用范围验证控件来制作数值录入页面 使用RangeValidator控件验证用户输入学生成绩的数值范围，用户输入数据被验证通过时页面中显示如图4-5所示的结果。若用户没有输入学号或输入了不合逻辑的成绩值，则显示如图4-6所示的出错提示信息。 任务一完成注册界面的设计 【具体步骤