2023年全國碩士研究生考試考研英語一試題真題（含答案詳解+作文范文）_第1頁
已閱讀1頁，還剩8頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

1、<p>　　JavaScript程序設(shè)計課程設(shè)計報告</p><p><b>　　信息工程系</b></p><p><b>　　二〇一六年一月</b></p><p>　　一、任務要求與總體設(shè)計</p><p><b>　　1.1網(wǎng)站說明</b></p>

2、<p>　　文字詳細說明網(wǎng)站的功能，并畫出網(wǎng)站結(jié)構(gòu)圖。如下圖示：</p><p>　　1.2 課程設(shè)計目標</p><p>　　詳細說明用JavaScript實現(xiàn)什么功能，也可包含對網(wǎng)站整體色調(diào)的設(shè)計等其它與本次設(shè)計有關(guān)的內(nèi)容</p><p><b>　　二、網(wǎng)站建設(shè)</b></p><p>　　2.1 任

3、務分工安排</p><p><b>　　2.2網(wǎng)站文件說明</b></p><p>　　說明系統(tǒng)各網(wǎng)頁文件或文件夾的功能，需要列出和課程設(shè)計任務目標有關(guān)的重要文件。</p><p>　　2.3網(wǎng)站主要界面的實現(xiàn)</p><p>　　列出與課程設(shè)計任務目標有關(guān)頁面的實現(xiàn)，每個頁面的說明應包含以下內(nèi)容：文字說明該頁是什么功能

4、，附頁面的截圖，對關(guān)鍵JavaScript代碼的說明（可另外附加程序流程圖說明）。</p><p>　　以下為示例，可自行添加相應內(nèi)容：</p><p><b>　　1、注冊頁面</b></p><p>　　當首頁點擊“注冊”超鏈接后跳轉(zhuǎn)到相關(guān)頁面，為用戶注冊信息用，要求填寫用戶名、密碼、城市和性別，以下是在該頁面進行輸入時出錯的界面：<

5、/p><p>　　頁面的主要HTML代碼如下：</p><p>　　<form action="ajax_post.php" class="registerform"></p><p><b>　　<ul></b></p><p><b>　　<

6、li></b></p><p>　　<label class="label"><span class="need">*</span> 中文名：</label></p><p>　　<input type="text" class="inputxt V

7、alidform_error" name="name" value="" datatype="zh2-4" nullmsg="請?zhí)顚懼形拿?quot;></p><p>　　<span class="Validform_checktip Validform_wrong">請?zhí)顚懼形拿?lt;/

8、span></li></p><p><b>　　<li></b></p><p>　　<label class="label"><span class="need">*</span> 密碼：</label></p><p>　

9、　<input type="password" class="inputxt Validform_error" name="userpassword" value="" datatype="*6-20" nullmsg="請?zhí)顚懨艽a！"></p><p>　　<span cla

10、ss="Validform_checktip Validform_wrong">請?zhí)顚懨艽a！</span></li></p><p><b>　　<li></b></p><p>　　<label class="label"><span class="need

11、">*</span> 確認密碼：</label></p><p>　　<input type="password" class="inputxt Validform_error" name="userpassword2" value="" datatype="*6-20"

12、; recheck="userpassword" nullmsg="請確認密碼！"></p><p>　　<span class="Validform_checktip Validform_wrong">請確認密碼！</span></li></p><p><b>　　<l

13、i></b></p><p>　　<label class="label"><span class="need">*</span> 所在城市：</label></p><p>　　<select name="province" datatype="*

14、" nullmsg="請選擇所在城市！" class="Validform_error"><option value="">請選擇城市</option><option value="1">瑞金市</option></select></p><p>　　<

15、span class="Validform_checktip Validform_wrong">請選擇所在城市！</span></li></p><p><b>　　<li></b></p><p>　　<label class="label"><span class=

16、"need">*</span> 性別：</label></p><p>　　<input type="radio" class="pr1 Validform_error" id="male" name="gender" value="1" datatype=&

17、quot;*" nullmsg="請選擇性別！"><label for="male">男</label> <input type="radio" class="pr1" id="female" name="gender" value="2"><

18、;label for="female">女</label></p><p>　　<span class="Validform_checktip Validform_wrong">請選擇性別！</span></li></p><p><b>　　</ul></b>&

19、lt;/p><p>　　<div class="action"></p><p>　　<input type="submit" value="注 冊"> <input type="reset" value="重 置"></p><p>

20、<b>　　</div></b></p><p><b>　　</form></b></p><p><b>　　…………（省略）</b></p><p>　　當點擊“注冊“按鈕時，調(diào)用Jquery驗證插件Validform對輸入的文字進行驗證，在<head>處導入

21、相關(guān)文件，并在頁面加載后加入驗證，上述HTML中包含了該插件的設(shè)置：驗證類型、錯誤信息，代碼如下：</p><p>　　<script type="text/javascript" src="/js/jquery.min.js"></script></p><p>　　<script type="text/ja

22、vascript" src="/js/Validform.min.js"></script></p><p>　　<script type="text/javascript" src="/js/Validform.datatype.js"></script></p><p>　　

23、<script type="text/javascript"></p><p>　　jQuery( function(){</p><p>　　$(".registerform").Validform({tiptype:3,label:".label",showAllError:true,}});</p>

24、<p>　　});//給表單registerform添加驗證插件進行驗證</p><p><b>　　</script></b></p><p><b>　　2.4待改進的功能</b></p><p>　　說明設(shè)計中有哪些地方與原計劃不符，有何缺失，可如何改進和擴展，還有哪些未完成的功能</p

25、><p><b>　　三、設(shè)計小結(jié)</b></p><p>　　小組中每個人的體會、獲得的經(jīng)驗、自學并應用的新知識，不少于200字</p><p><b>　　四、參考資料</b></p><p>　　寫出課程設(shè)計過程中所用的所有資料來源，格式如下：</p><p>　　[1]

26、JavaScript與jQuery實戰(zhàn)教程，盧淑萍、樊紅珍、徐紅波、王濤、黃偉民編，清華大學出版社，2014年1月</p><p>　　[2] 強大的JavaScript表單驗證插件，http://www.w3cfuns.com/article-5592042-1-1</p><p><b>　　.html</b></p><p>　　Java

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 眾賞文庫僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論