web实验一报告

实验报告学院（系）名称：计算机与通信工程学院姓名学号专业计算机科学与技术班级13计算机2实验名称实验1：Java Web开发环境及Web编程基础课程名称Web应用程序设计与开发课程代码0661043实验时间2016年4月21日 中午5-6节实验地点7-220批改意见成绩教师签字： 一、实验目的学会JDK/MyEclipse/Tomcat的安装配置；Web开发环境的搭建；简单Web程序的发布。使用并掌握HTML语法及常用标记、CSS语法及应用、 JavaScript开发。二、实验环境Windows操作系统，Tomcat，MyEclipse，Dreamweaver，记事本。三、 实验要求1.启动Tomcat服务器。2.在MyEclipse环境中新建Web工程，并将该工程部署到Web服务器。3.新建一个表单网页，要求包含文本框、单选钮、复选框、列表、邮箱、数字、日期、时间，在每个表单域的后面加上输入说明和解释。为了使网页布局美观，需要加表格或DIV进行修饰。4.文本框的长度在610个字符之间，只能是字母数字和下划线，且第一个必须是字母，要求在文本框失去焦点时进行验证。在提交表单时也进行验证。5.编写CSS，对网页中出现的各种标记进行修饰（注：CSS样式以CSS样式文件方式应用）。6. 练习JavaScript的事件，要求：在页面中加入两个文本框和一个按钮，通过按下回车键，使三个组件分别获得焦点，当按钮获得焦点时，利用alert()方法弹出一个对话框。 四、实验过程记录（源程序、测试用例、测试结果及心得体会等） MyHtml.html !-function checkform(form)/定义一个变量，引用表单对象var theform=form;/定义验证用户id的正则表达式：用户id号由字母，数字，下划线组成/长度为6-20个字符var userId_patrn=/(a-zA-Z0-9|_)6,20$/;/定义验证密码正则表达式，密码由字母，数字，下划线$等符号组成，长度为6-20var isIDCard1=/d15$/;/正则表达式18位且前17位全是数字，最后一位只能是数字或x或X（信得身份证）var isIDCard2=/d17(d|x|X)$/;/电子邮箱正则表达式var isEmail=/w-+(.w-+)*w-+(.w-+)+$/;/校验用户id号if(!userId_patrn.exec(theform.userId.value)alert(用户ID号由字母，数字，下划线组成，长度为6-20个字符);theform.userId.focus();return false;/校验密码if(!password_patrn.exec(theform.password.value)alert(密码由字母，数字吗，下划线$组成，长度为6-20);theform.password.focus();return false;/校验身份证if(!(isIDCard1.exec(theform.IdentityCardID.value)|isIDCard2.exec(theform.IdentityCardID.value)alert(身份证不对);theform.IdentityCardID.focus();return false;/验证邮箱格式if(!isEmail.exec(theform.email.value)alert(邮箱格式不对);theform.email.focus();return false; 用户注册 用户ID： *用户ID号由字母，数字，下划线组成，长度为6-20位 密码: *密码由字母，数字，下划线，$等组成，长度为6位 真实姓名 性   别： 男 女 学   历： 高中 本科 本科以上 身份证号 电话: 手机: 电子邮箱