web實(shí)驗(yàn)一報(bào)告

1、實(shí)驗(yàn)報(bào)告學(xué)院（系）名稱：計(jì)算機(jī)與通信工程學(xué)院姓名學(xué)號(hào)專業(yè)計(jì)算機(jī)科學(xué)與技術(shù)班級(jí)13 計(jì)算機(jī) 2實(shí)驗(yàn)名稱實(shí)驗(yàn) 1： Java Web 開發(fā)環(huán)境及Web 編程基礎(chǔ)課程名稱Web 應(yīng)用程序設(shè)計(jì)與開發(fā)課程代碼實(shí)驗(yàn)時(shí)間2016 年 4 月 21 日 中午 5-6 節(jié)實(shí)驗(yàn)地點(diǎn)7-220批改意見成績(jī)教師簽字：一、實(shí)驗(yàn)?zāi)康膶W(xué)會(huì) JDK/MyEclipse/Tomcat 的安裝配置； Web 開發(fā)環(huán)境的搭建；簡(jiǎn)單Web 程序的發(fā)布。使用并掌握 HTML 語法及常用標(biāo)記、 CSS 語法及應(yīng)用、JavaScript開發(fā)。二、實(shí)驗(yàn)環(huán)境Windows 操作系統(tǒng)， Tomcat， MyEclipse， Dreamweave

2、r，記事本。三、實(shí)驗(yàn)要求1.啟動(dòng) Tomcat 服務(wù)器。2.在 MyEclipse 環(huán)境中新建 Web 工程，并將該工程部署到Web 服務(wù)器。3.新建一個(gè)表單網(wǎng)頁(yè)，要求包含文本框、單選鈕、復(fù)選框、列表、郵箱、數(shù)字、日期、時(shí)間，在每個(gè)表單域的后面加上輸入說明和解釋。為了使網(wǎng)頁(yè)布局美觀，需要加表格或DIV 進(jìn)行修飾。4.文本框的長(zhǎng)度在 610 個(gè)字符之間，只能是字母數(shù)字和下劃線，且第一個(gè)必須是字母，要求在文本框失去焦點(diǎn)時(shí)進(jìn)行驗(yàn)證。在提交表單時(shí)也進(jìn)行驗(yàn)證。5.編寫 CSS，對(duì)網(wǎng)頁(yè)中出現(xiàn)的各種標(biāo)記進(jìn)行修飾（注： CSS樣式以 CSS 樣式文件方式應(yīng)用）。第1頁(yè) 共6頁(yè)6. 練習(xí) JavaScript的

3、事件，要求：在頁(yè)面中加入兩個(gè)文本框和一個(gè)按鈕，通過按下回車鍵，使三個(gè)組件分別獲得焦點(diǎn)，當(dāng)按鈕獲得焦點(diǎn)時(shí)，利用alert()方法彈出一個(gè)對(duì)話框。四、實(shí)驗(yàn)過程記錄（源程序、測(cè)試用例、測(cè)試結(jié)果及心得體會(huì)等）MyHtml.html!-function checkform(form)/定義一個(gè)變量，引用表單對(duì)象var theform=form;/定義驗(yàn)證用戶id 的正則表達(dá)式：用戶id 號(hào)由字母，數(shù)字，下劃線組成/長(zhǎng)度為 6-20 個(gè)字符var userId_patrn=/(a-zA-Z0-9|_)6,20$/;/定義驗(yàn)證密碼正則表達(dá)式，密碼由字母，數(shù)字，下劃線$等符號(hào)組成，長(zhǎng)度為6-20var isI

4、DCard1=/d15$/;/正則表達(dá)式18 位且前 17 位全是數(shù)字，最后一位只能是數(shù)字或x 或 X （信得身份證）var isIDCard2=/d17(d|x|X)$/;/電子郵箱正則表達(dá)式var isEmail=/w-+(.w-+)*w-+(.w-+)+$/;/校驗(yàn)用戶id 號(hào)if(!userId_patrn.exec(theform.userId.value)alert( 用戶 ID 號(hào)由字母，數(shù)字，下劃線組成，長(zhǎng)度為 6-20 個(gè)字符 ); theform.userId.focus();return false;/校驗(yàn)密碼if(!password_patrn.exec(theform

5、.password.value)alert( 密碼由字母，數(shù)字嗎，下劃線$組成，長(zhǎng)度為6-20);theform.password.focus();return false;/校驗(yàn)身份證if(!(isIDCard1.exec(theform.IdentityCardID.value)|isIDCard2.exec(theform.IdentityCardID.value)alert( 身份證不對(duì) );第2頁(yè) 共6頁(yè)theform.IdentityCardID.focus();return false;/驗(yàn)證郵箱格式if(!isEmail.exec(theform.email.value)alert( 郵箱格式不對(duì));theform.email.focus();return false;用戶注冊(cè) 用戶 ID ： *用戶 ID 號(hào)由字母，數(shù)字，下劃線組成，長(zhǎng)度為6-20 位 密碼 :*密碼由字母，數(shù)字，下劃線，$等組成，長(zhǎng)度為6 位 真實(shí)姓名 性   別： 男女第3頁(yè) 共6頁(yè) 學(xué)   歷： 高中本科本科 以上 身份證號(hào) 電話 : 手機(jī) : 電子郵箱 :* 選擇問題 : 您寵物的名字