版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領
文檔簡介
1、<p> JavaScript程序設計課程設計報告</p><p><b> 信息工程系</b></p><p><b> 二〇一六年一月</b></p><p> 一、任務要求與總體設計</p><p><b> 1.1網(wǎng)站說明</b></p>
2、<p> 文字詳細說明網(wǎng)站的功能，并畫出網(wǎng)站結構圖。如下圖示：</p><p> 1.2 課程設計目標</p><p> 詳細說明用JavaScript實現(xiàn)什么功能，也可包含對網(wǎng)站整體色調的設計等其它與本次設計有關的內容</p><p><b> 二、網(wǎng)站建設</b></p><p> 2.1 任
3、務分工安排</p><p><b> 2.2網(wǎng)站文件說明</b></p><p> 說明系統(tǒng)各網(wǎng)頁文件或文件夾的功能，需要列出和課程設計任務目標有關的重要文件。</p><p> 2.3網(wǎng)站主要界面的實現(xiàn)</p><p> 列出與課程設計任務目標有關頁面的實現(xiàn)，每個頁面的說明應包含以下內容：文字說明該頁是什么功能
4、，附頁面的截圖，對關鍵JavaScript代碼的說明（可另外附加程序流程圖說明）。</p><p> 以下為示例，可自行添加相應內容：</p><p><b> 1、注冊頁面</b></p><p> 當首頁點擊“注冊”超鏈接后跳轉到相關頁面，為用戶注冊信息用，要求填寫用戶名、密碼、城市和性別，以下是在該頁面進行輸入時出錯的界面：<
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> 當點擊“注冊“按鈕時，調用Jquery驗證插件Validform對輸入的文字進行驗證，在<head>處導入
21、相關文件，并在頁面加載后加入驗證，上述HTML中包含了該插件的設置：驗證類型、錯誤信息，代碼如下：</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> 說明設計中有哪些地方與原計劃不符，有何缺失，可如何改進和擴展，還有哪些未完成的功能</p
25、><p><b> 三、設計小結</b></p><p> 小組中每個人的體會、獲得的經驗、自學并應用的新知識，不少于200字</p><p><b> 四、參考資料</b></p><p> 寫出課程設計過程中所用的所有資料來源，格式如下：</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)系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
- 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
- 5. 眾賞文庫僅提供信息存儲空間，僅對用戶上傳內容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
- 6. 下載文件中如有侵權或不適當內容，請與我們聯(lián)系，我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
評論
0/150
提交評論