国开JavaScript程序设计形考作业3试题及答案(1).docx
《国开JavaScript程序设计形考作业3试题及答案(1).docx》由会员分享,可在线阅读,更多相关《国开JavaScript程序设计形考作业3试题及答案(1).docx(6页珍藏版)》请在第一文库网上搜索。
1、第三次任务(预备知识:第四、五章;分值:10分;选做:2选1;需辅导教师评分)实训五:设计登录和注册页1 .题目设计登录和注册页。2 .目的(1)掌握表单域的引用方法。(2)掌握常用控件的基本方法。(3)掌握事件的处理方法。(4)理解COokie的原理和应用。3 .内容针对所设计的系统,设计登录和注册页。4 .要求(1)登录界面能对输入的数据进行验证,要求非空,且符合一定的要求。(2)登录时,用条件判断输入的数据,模拟登录判断。登录成功后,用COOkie保存登录状态,并进入主页。(3)主页含有注销功能。(4)注册界面能对数据进行验证。如电子邮件、电话号码等要符合格式要求。参考答案:这是一个涉及
2、到前端和后端设计的问题,前端部分需要使用HTM1和JaVaSCriPK后端部分需要使用至少一种服务器端语言如NOde.js,PythOn等,和一个数据库管理系统。因为这里的限制,我将提供一个基于JaVaSCriPt的前端实现,但请注意这只是一个示例,并且在实际环境中需要与后端服务配合使用。首先,我们需要创建HTM1文件来作为登录和注册页。htm1复制代码1oginandRegistration*样式代码可以在这里添加*/1ogin1oginRegisterRegister然后,我们需要创建一个JaVaSCriPt文件来处理登录和注册的逻辑。在这个示例中,我们只是简单地阻止表单的默认提交行为,并
3、添加了一些基本的验证。javascript复制代码document.getE1ementById(,1ogin-form).addEvent1istener(,submit,function(event)event.preventDefau1t();/阻止表单提交varusername=document.getE1ementById(,1ogin-username).va1ue;varpassword=document.getE1ementById(,1ogin-password,).va1ue;if(!username!password)/验证用户名和密码是否为空a1ert(,Usernam
4、eorpasswordcannotbeempty.,);return;)/在这里,你需要添加更多的验证和与服务器的交互来验证登录信息。/这可能涉及到使用A:IAX或FetChAP工发送请求到服务器。);document.getE1ementById(,register-form).addEvent1istener(,submitfunction(event)event.preventDefau1t();/阻止表单提交varusername=document.getE1ementById(,register-username,).va1ue;varemai1=document.getE1emen
5、tById(,register-emai1,).va1ue;varpassword=document.getE1ementById(,register-password,).va1ue;if(!username!emai1!password)/验证用户名、邮箱和密码是否为空a1ert(Usernameemai1jandpasswordcannotbeempty.,);return;)/在这里,你需要添加更多的验证和与服务器的交互来注册新用户。/这可能涉及到使用A:IAX或FetChAP工发送请求到服务器。);请注意,这只是一个非常基本的示例,实际的登录和注册系统需要更多的安全性和验证。例如,密
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 国开 JavaScript 程序设计 作业 试题 答案