JavaScript前端開發(fā)程序設(shè)計教程實驗15

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

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

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

3、的信息，即 4、（選做）設(shè)計一個表單，如圖1所示，當單擊“顯示提交”按鈕時, 將您所填寫的內(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屬性，則該控件值不會提交給JK務器| } } alert(msg); } c/script> c/head> (body onload="loginForm.Username.focus()"> cform method="post" action="" name="loginForm">

用戶：

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