首页  »  网页设计教程  »  验证用户注册

验证用户注册

浏览数:共 28 次     评论:共 0 条     发布日期:2011-01-27     分类:dreamweaver

从这个实例开始将要以实例 75 中创建的数据库及数据连接为基础,开发一家玩具公司的电子商务平台。本实例将介绍如何在用户注册页面中验证用户注册信息。

效果说明 用户通过“ uselogin.aspx ”注册成为公司的客户,如图 76-1 所示,当用户提交注册信息时,再由它对注册信息进行有效验证,如 76-2 所示,从而对公司的用户注册信息进行管理。

dreamweaver

dreamweaver

创作构思 通过 asp.net 验证服务器控件,可以对用户的注册信息进行验证。本实例需要用到实例 75 中创建的 dreamweaver kh 表,如图 76-3 所示。该数据表用于存储用户的注册信息。用户名(即 usenmae )必须是惟一值,用户注册后一般被定义为非高级用户(即 useql 字段被定义为“否”值),只有经过公司管理员审核通过后,才会把用户定义为高级用户。如果还没有通过公司管理员的审核,一般情况下 glsc 字段都将定义为“否”,反之则定义为“是”。

dreamweaver

操作步骤

步骤一 设计基本页面

( 1 )创建动态页面并嵌入表单。新建一个空白的“ asp.net ”动态页,将其命名为“ uselogin.aspx ”,并保存在站点的根据目录下,首先为页面嵌入表单,具体操作如图 76-4 所示。

dreamweaver

( 2 ) 定义表单为 server form 。 由于 asp.net 控件必须添加在 server form 中,所以应将表单定义为 server form ,具体操作如图 76-5 所示。

提示:由于所有的 asp.net 控件必须添加到含有 runat="server" 的表单中,并且每一个 asp.net 页面只能拥有一个 server form ,因此建议读者养成一个习惯,就是在对 asp.net 进行任何设计之前,首先为页面添加一个 server form [如图 76-5 中的步骤( 1 )、步骤( 2 )],在以后实例中将会详细讲解这方面的知识。

dreamweaver

( 3 )嵌入表格并进行样式设置。参照以前的实例,在设计视图中为“ uselogin.aspx ”页面设计一个表格,并进行相关样式的设置,结果如图 76-6 所示。

dreamweaver

( 4 )为“客户名称”添加文本框。切换到【 asp.net 】快捷菜单栏,为“客户名称”添加文本框,设置 id 为“ usename ”,如图 76-7 所示。

提示:在图 76-7 所示的步骤 3 中输入 id 为“ usename ”,这与将要存储的 dreamweaverkh 表的相应字


段名“ usename ”是相同的。如果将 asp.net 控件的 id 设置的与读取 / 存储字段名相同,则其程序执行起来会更直接。下面的控件如没特别说明,其 id 都设置的与其将要存储的字段名相同。

dreamweaver ( 5 )添加并设置 asp.net 控件。继续为用户注册信息添加文本框,并分别将 id 设置的与相应的字段名相同,结果如图 76-8 所示。其中 “性别”所对应的是下拉菜单,其列表项的设置如图 76-9 所示;“确认密码”对应的文本框的 id 为“ usepass1 ”,设置“密码”、“确认密码”所对应文本框的“文本模式”为“密码”,如图 76-10 所示。

dreamweaver

dreamweaver

dreamweaver

( 6 )添加【提交】按钮,如图 76-11 所示。

dreamweaver

( 7 )添加【重置】表单按钮,如图 76-12 所示。

dreamweaver

步骤二 验证必填信息

( 1 )添加验证控件。将光标移至文本框“ usename ”之后,添加验证控件 requiredfieldvalid



上一篇:数据库的连接
下一篇:制作产品展示厅