关闭

关闭

关闭

封号提示

内容

首页 Dreamweaver动态网页实例:用户注册页面设计.doc

Dreamweaver动态网页实例:用户注册页面设计.doc

Dreamweaver动态网页实例:用户注册页面设计.doc

上传者: Maggie肖香 2017-09-20 评分 0 0 0 0 0 0 暂无简介 简介 举报

简介:本文档为《Dreamweaver动态网页实例:用户注册页面设计doc》,可适用于IT/计算机领域,主题内容包含Dreamweaver动态网页实例:用户注册页面设计效果说明用户通过“useloginaspx”注册成为公司的客户如图所示当用户提交注册信息时再由它符等。

Dreamweaver动态网页实例:用户注册页面设计效果说明用户通过“useloginaspx”注册成为公司的客户如图所示当用户提交注册信息时再由它对注册信息进行有效验证如所示从而对公司的用户注册信息进行管理。创作构思通过ASPNET验证服务器控件可以对用户的注册信息进行验证。本实例需要用到实例中创建的DreamweaverKH表如图所示。该数据表用于存储用户的注册信息。用户名(即USENMAE)必须是惟一值用户注册后一般被定义为非高级用户(即USEQL字段被定义为“否”值)只有经过公司管理员审核通过后才会把用户定义为高级用户。如果还没有通过公司管理员的审核一般情况下GLSC字段都将定义为“否”反之则定义为“是”。操作步骤步骤一设计基本页面()创建动态页面并插入表单。新建一个空白的“ASPNET”动态页将其命名为“useloginaspx”并保存在站点的根据目录下首先为页面插入表单具体操作如图所示。()定义表单为ServerForm。由于ASPNET控件必须添加在ServerForm中所以应将表单定义为ServerForm具体操作如图所示。提示:由于所有的ASPNET控件必须添加到含有runat="server"的表单中并且每一个ASPNET页面只能拥有一个ServerForm因此建议读者养成一个习惯就是在对ASPNET进行任何设计之前首先为页面添加一个ServerForm,如图中的步骤()、步骤(),在以后实例中将会详细讲解这方面的知识。()插入表格并进行样式设置。参照以前的实例在设计视图中为“useloginaspx”页面设计一个表格并进行相关样式的设置结果如图所示。()为“客户名称”添加文本框。切换到【ASPNET】快捷菜单栏为“客户名称”添加文本框设置ID为“USENAME”如图所示。提示:在图所示的步骤中输入ID为“USENAME”这与将要存储的DreamweaverKH表的相应字段名“USENAME”是相同的。如果将ASPNET控件的ID设置的与读取存储字段名相同则其程序执行起来会更直接。下面的控件如没特别说明其ID都设置的与其将要存储的字段名相同。()添加并设置ASPNET控件。继续为用户注册信息添加文本框并分别将ID设置的与相应的字段名相同结果如图所示。其中“性别”所对应的是下拉菜单其列表项的设置如图所示“确认密码”对应的文本框的ID为“USEPASS”设置“密码”、“确认密码”所对应文本框的“文本模式”为“密码”如图所示。)添加【提交】按钮如图所示。()添加【重置】表单按钮如图所示。步骤二验证必填信息()添加验证控件。将光标移至文本框“USENAME”之后添加验证控件RequiredFieldvalidator如图所示。()添加验证控件并填写各项内容。在弹出的【标签编辑器RequiredFieldvalidator】窗口中为文本框“USENAME”添加验证控件并填写各项内容所示。如图()完成上一步操作后返回到【标签选择器】对话框中继续为其他必填文本框添加RequiredFieldvalidator验证控件具体方法参考以上操作结果如图所示。提示:确认文本框“USPASS”没有添加RequiredFieldvalidator验证控件因为可以通过CompareValidator验证控件比较输入的内容是否与文本框“USPASS”相同。性别所对应的下拉菜单“USESIX”由于只有“男”、“女”两个选项所以没有必要添加RequiredFieldvalidator验证控件添加“*”只是为了让用户注意正确设置自己的性别。步骤三密码比较验证()打开【标签选择器】对话框。如果目前【标签选择器】对话框已打开则选择【ASPNET标签】下的【验证服务器控件】同时选择【asp:CompareValidator】单击【插入】按钮。如果目前还没有打开【标签选择器】对话框则要先单击【ASPNET】快捷菜单栏上的【更多标签】按钮。()添加比较验证控件并设置。在弹出的【标签编辑器CompareValidator】窗口中为文本框“USEPASS”添加与“USEPASS”文本框的比较验证控件相关设置如图所示。()单击【确定】按钮完成CompareValidator验证控件的添加。步骤四验证电子邮箱()插入【asp:Regularexpressionvalidator】。在【标签选择器】对话框中选取【ASPNET标签】下的【验证服务器控件】并选择【asp:Regularexpressionvalidator】单击【插入】按钮。()添加验证控件。在弹出的【标签编辑器Regularexpressionvalidator】窗口中为文本框“USEEMAIL”添加验证控件如图所示。该控件的验证表达式为:w(w)*w(w)*w(w)*。提示:这里的验证表达式其实就是正则表达式。关于正则表达式的有关知识请读者参考有关资料以加深认识。()最后保存“useloginaspx”并在IE中进行预览。本实例分别讲解了服务器控件是否非空、服务器控件的比较、服务控件验证的自定义三种验证方法。如果要用设计更精细的服务器控件的验证请读者参考正则表达的有关知识对服务控件验证进行自定义。本实例操作完毕。

用户评论(0)

0/200

精彩专题

上传我的资料

每篇奖励 +2积分

资料评价:

/12
0下载券 下载 加入VIP, 送下载券

意见
反馈

立即扫码关注

爱问共享资料微信公众号

返回
顶部