JavaScript前端開發(fā)程序設(shè)計(jì)教程實(shí)驗(yàn)15

《JavaScript前端開發(fā)程序設(shè)計(jì)教程實(shí)驗(yàn)15》由會(huì)員分享，可在線閱讀，更多相關(guān)《JavaScript前端開發(fā)程序設(shè)計(jì)教程實(shí)驗(yàn)15（6頁珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、姓名: 實(shí)驗(yàn)報(bào)告 學(xué)號(hào)： 班級(jí): 實(shí)驗(yàn)成績： 實(shí)驗(yàn)操作表單 一、 實(shí)驗(yàn)?zāi)康? 1、 掌握操作表單元素的方法 2、 掌握表單的submit和reset事件、focus和blur事件、change和select事件、error 事件 二、 實(shí)驗(yàn)儀器：微機(jī)（臺(tái)） 三、實(shí)驗(yàn)內(nèi)容 設(shè)計(jì)如圖所示的界面，輸入用戶名和密碼后，顯示歡迎對(duì)話框。 1、 用戶：［may 密碼: 登錄 歡迎 2、 設(shè)計(jì)如圖所示的界面，輸入X的值，并進(jìn)行校驗(yàn)，無效重新輸入 X: 求絕對(duì)值 求平方根

2、 3、 設(shè)計(jì)一個(gè)表單，可以讓用戶輸入姓名、年齡，并編寫程序?qū)δ挲g有效性檢驗(yàn)（16歲到40 歲之間），姓名不能為空，數(shù)據(jù)合格后提交。 kz W / .v.v.i.ouzu/ wruz/ x**/ o.i i u i n:_iiui-xjuoo^/uoouu^ ??:應(yīng)用 點(diǎn)擊這里導(dǎo)入書竺.開冶 127.0.0.1:8020 顯示： X 姓名：| 1 芯名Kig為空 成：_ ^9 '渤 127.0.0.1:8020 母示： 圣齡不麓為竺 ??:瞬點(diǎn)壬這里導(dǎo)入書S.形& 姓名：慈會(huì)梅 年齡：二 注冊(cè)' 會(huì)顯示圖2

3、的信息，即 4、（選做）設(shè)計(jì)一個(gè)表單，如圖1所示，當(dāng)單擊“顯示提交”按鈕時(shí), 將您所填寫的內(nèi)容顯示出來。 用戶: 1 密碼： 顯示提交數(shù)據(jù) 用戶： 張三 密碼： ? ?? .登錄 顯示提交數(shù)據(jù)］ 127.0.0.1:8020 顯示： 字殷1 Username:張三 字段2 UserPassword:222 字段3 Submitl:登錄 字段4 submit2:旦示提交敬嘉 確定 function showSubmitData() {//顯示捏交數(shù)據(jù) van msg="",n=0; for(var i=0;i

4、m,elements,length;i++) { van element=loginForm.elements[i]; if(element, name!="") { '/若沒有為控件指定name屬性，則該控件值不會(huì)提交給JK務(wù)器| } } alert(msg); } c/script> c/head> (body onload="loginForm.Username.focus()"> cform method="post" action="" name="loginForm">

用戶：

5、size="20" /> 密碼：