动态网页制作---邮箱注册

---动态网页制作大作业报告专业学号姓名日期【实验目的】了解和掌握几种动态网页制作方法制作一个免费邮箱的注册页面，页面布局自定。要求用户填写下列资料，要求验证完成输入信息的验证工作：1.用户名，只能由字母、数字和下划线组成，且首字符不能为数字；2.密码，要求在6到15位之间；3.确认密码，必须和密码一致；当用户输入与要求不符时，给出必要提示。【页面总览】【程序流程展示】1.用户名格式2．密码长度3．密码确认【程序代码】htmlheadtitle金盛邮箱注册/titlescripttype=text/javascript!--functioncheckusername(){if(document.getElementById(username).value.length5||document.getElementById(username).value.length18){document.getElementById(erroruserlength).style.display=block;document.getElementById(username).focus();returnfalse;}else{varstrRegex=/^[a-zA-Z]{1}[0-9a-zA-Z_]{1,}$/;varre=newRegExp(strRegex);if(!re.test(document.getElementById(username).value)){document.getElementById(errorusername).style.display=block;document.getElementById(username).focus();returnfalse;}}returnfalse;}functioncheckPass(){varpwd1=document.getElementById(p1).value;varpwd2=document.getElementById(p2).value;if(pwd1!=pwd2){document.getElementById(errorpwd).style.display=block;}}functionchecklength(tempInput){if(tempInput.value.length4||tempInput.value.length16)document.getElementById(errorlength).style.display=block;}//--/scriptbodybackground=E:\图片\无标题.jpgFORMACTION=“REG1.ASP”METHOD=POSTpstyle=padding:75px0px0px300px;用 户 名：inputtype=textid=usernameonblur=returncheckusername()/ppstyle=padding:0px0px0px300px;spanid=erroruserlengthstyle=display:none;用户名长度不对,应为5到18个字符/span/ppstyle=padding:0px0px0px300px;spanid=errorusernamestyle=display:none;用户名不规范，应包括字母、数字和下划线，以字母开头/span/pbrpstyle=padding:0px0px0px300px;密    码：inputtype=passwordid=p1onblur=checklength(this)/ppstyle=padding:0px0px0px300px;spanid=errorlengthstyle=display:none;密码长度应为6-15个字符/span/pbrpstyle=padding:0px0px0px300px;确认密码：inputtype=passwordid=p2onblur=returncheckPass();/ppstyle=padding:0px0px0px300px;spanid=errorpwdstyle=display:none;两次输入密码不一致/span/pbrpstyle=padding:0px0px0px350px;inputtype=resetname=buttonid=buttonvalue=注册/  inputtype=buttonvalue=重置/p/form/body/html【小结】通过这次邮箱申请网页的制作，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。这次实验中主要遇到两个方面的问题：一方面是邮箱程序代码的设计。由于要求用户名，只能由字母、数字和下划线组成，且首字符不能为数字，在用户输入信息不符合要求时要给出提示。刚开始查阅资料，没有找到有用的信息，后来通过对比查看网易、新浪等注册邮箱页面代码后发现可以用span语句给出提示，这样输入不符后给出提示的程序成功解决。而密码前后输入一致的判定，在同学的指导下采用if语句作出判定。另一方面的问题是整个界面的排版，主要是网上找到的空白格图片与注册表格位置有偏差，而且图片大小不符合要求使得做出来的界面图片局部出现重复的情况。通过调整图片的大小让注册表与图片位置对应。这样通过几天的资料查阅与制作，终于将注册网页完成。这次制作网页，我学到了不少东西，而且学到了不少思考问题的方法。计算机会在以后的学习生活中充当越来越重要的角色，相信我也会学习到更多关于计算机和网络的知识。这次制作网页收获确实不小！！！