【正文】 $(this).val()。//判斷是否為空if(val==){$(39。name_info39。).html(39。昵稱不能為空39。)。return。}//判斷字符長度//alert(val)。if(!(=4amp。amp。=20)){$(39。name_info39。).html(39。昵稱長度不符合39。)。36return。}=true。$(39。name_info39。).html(right_0+ 恭喜，用戶名可以用).css({color : 00CC00})。})。//對(duì)password進(jìn)行檢查//用正則表達(dá)式,防止輸入！@￥%...$(39。txtPassword39。).blur(function(){//alert(39。39。)。=false。//這個(gè)必須加，如果不加的話，當(dāng)兩個(gè)密碼都寫好以后，當(dāng)再寫的這里的時(shí)候其實(shí)兩個(gè)密碼都不一樣了 但是還可以提交的=false。$(39。password_info39。).html(39。39。)。password=$(this).val()。//判斷是否為空if(password==){$(39。password_info39。).html(39。密碼不能為空39。)。return。//基本每次判斷完都要返回，要不可能出現(xiàn)下一級(jí)比較的結(jié)果}//判斷字符長度if(!(=6amp。amp。=20)){$(39。password_info39。).html(39。密碼長度不符合39。)。return。}=true。$(39。password_info39。).html(right_0+ 密碼輸入正確).css({color : 00CC00})。})。//有bug,如果先寫了確認(rèn)密碼，則這里一定是false，如果不再聚焦到這里,表單永遠(yuǎn)不能提交//對(duì)txtRepeatPass進(jìn)行檢查$(39。txtRepeatPass39。).blur(function(){//alert(39。39。)。=false。$(39。password1_info39。).html(39。39。)。var val=$(this).val()。//判斷是否與前面寫的相同//alert(password+39。,39。+val)。if(val!=password){37$(39。password1_info39。).html(39。兩次密碼不一致39。)。return。//基本每次判斷完都要返回，要不可能出現(xiàn)下一級(jí)比較的結(jié)果}=true。$(39。password1_info39。).html(right_0+ 密碼一致).css({color : 00CC00})。})。//對(duì)txtVerifyCode 進(jìn)行檢查$(39。txtVerifyCode39。).blur(function(){=false。$(39。number_info39。).html(39。39。)。var val=$(this).val()。//判斷是否為空if(val==){$(39。number_info39。).html(39。驗(yàn)證碼不能為空39。)。return。//基本每次判斷完都要返回，要不可能出現(xiàn)下一級(jí)比較的結(jié)果}//判斷驗(yàn)證碼是否正確$.post(39。checkValiImage39。,{39。number39。:val},function(data){//data是服務(wù)器返回的 ok值,注意data 的拼寫if(data){//alert(data)。 = true。$(number_info).html(right_0+ 驗(yàn)證碼正確).css({color : 00CC00})。}else{$(number_info).html(驗(yàn)證碼填寫錯(cuò)誤)。}})。})。})。//一個(gè)jsp可以有多個(gè)頁面加載完成后就執(zhí)行的方法$(function(){})。//判斷表單是否可以提交$(function(){38$(39。form39。).submit(function(){//這里沒有加上第二次輸入的密碼的結(jié)果判斷，等最后密碼判斷了再加上if( amp。amp。 amp。amp。 amp。amp。 amp。amp。 ){return true。}else{alert(39。請(qǐng)?zhí)顚懻_的格式和信息39。)。return false。//這句不能少，如果取消了,就算表單有錯(cuò)誤 也可以注冊(cè)}})。})。/script/headbody%@include file=../mon/%div class=login_step注冊(cè)步驟:span class=red_bold/span 功/divdiv class=fill_messageform name=ctl00 method=post action= id=fh2以下均為必填項(xiàng)/h2table class=tab_login trtd valign=top class=w1請(qǐng)?zhí)顚懩腅mail地址：/tdtdinput name= type=text id=txtEmail class=text_input/div class=text_left id=ValidMsgp請(qǐng)?zhí)顚懹行У腅mail地址，在下一步中您將用此郵箱接收驗(yàn)證郵件。/pspan id=_info style=color:red/span/div/td39/trtrtd valign=top class=w1設(shè)置您在海淘網(wǎng)的昵稱：/tdtdinput name= type=text id=txtNickName class=text_input /div class=text_left id=nickNameValidMsgp您的昵稱可以由小寫英文字母、中文、數(shù)字組成，/pp長度4－20個(gè)字符，一個(gè)漢字為兩個(gè)字符。/pspan id=name_info style=color:red/span/div/td/trtrtd valign=top class=w1設(shè)置密碼：/tdtdinput name= type=password id=txtPasswordclass=text_input /div class=text_left id=passwordValidMsgp您的密碼可以由大小寫英文字母、數(shù)字組成，長度6－20位。/pspan id=password_info style=color:red/span/div/td/trtrtd valign=top class=w1再次輸入您設(shè)置的密碼：/tdtdinput name=password1 type=password 40id=txtRepeatPassclass=text_input/div class=text_left id=repeatPassValidMsgspan id=password1_info style=color:red/span/div/td/trtrtd valign=top class=w1驗(yàn)證碼：/tdtd! 這里不用加隨機(jī)數(shù)嗎？不用看不清換一張的時(shí)候加 img alt=驗(yàn)證碼 class=yzm_img id=39。imgVcode39。 src= onclick=(39。imgVcode39。).src=39。valiImage?id=39。+om()。/input name=number type=text id=txtVerifyCodeclass=yzm_input/div class=text_left t1p class=t1span id=vcodeValidMsg請(qǐng)輸入圖片中的四個(gè)字母。/spanspan id=number_info style=color:red/spana href=javascript:。 onclick=(39。imgVcode39。).src=39。valiImage?id=39。+()。 看不清楚？換個(gè)圖片/a/p/div/td/tr/tablediv class=login_ininput id=btnClientRegister class=button_1 name=submit type=submit value=注 冊(cè) //div/form41/div%@include file=../mon/%/body/html(2) WEB配置文件代碼?xml version= encoding=UTF8?webapp version= xmlns= xmlns:xsi= xsi:schemaLocation= filter filternamedangdang/filtername filterclass/filterclass /filter filtermapping filternamedangdang/filtername urlpattern/*/urlpattern /filtermapping ! 配置就可以了，這里已經(jīng)用不上了 ! ! 配置就可以了，這里已經(jīng)用不上了 struts框架下的錯(cuò)誤頁面還是有一些問題，最好在這里再配置一下，雙保險(xiǎn) errorpage errorcode500/errorcode location//location /errorpage errorpage errorcode404/errorcode location//location /errorpage/webapp42參考文獻(xiàn)[1] Jsp+javaBean 的購物車系統(tǒng) [J].中小企業(yè)科技，2022，06 期[2] 林信良. JSP amp。 Servlet 學(xué)習(xí)筆記[M]. 清華大學(xué)出版社, 2022 年 05 月[3] 孫衛(wèi)琴. Tomcat 與 Java Web 開發(fā)技術(shù)詳解[M].第 2 版. 電子工業(yè)出版社, 2022 年 01 月[4] MySQL 數(shù)據(jù)庫 API 、java 、struts2 各個(gè)技術(shù)的幫助文檔[5] (美 )Cay Gary Cornell. Core Java2 Volume I[M] 第 8 版。 機(jī)械工業(yè)出版社，2022[6] (美 )希爾德 . Java 參考大全（ J2SE 5 Edition）第 1 版. 清華大學(xué)出版,2022 年01 月[7] 林寒超,張南平 . Hibernate 技術(shù)的研究[J]. 計(jì)算機(jī)技術(shù)與發(fā)展,2022[8] Java Web 整合開發(fā)[M]；電子工業(yè)出版社,2022.[9] Struts:基于 MVC 的 JAVA Web : 電子工業(yè)出版社,2022 年[10] (美 )阿諾德，Ken Arnold，等. Java 程序設(shè)計(jì)語言[M]. 北京：人民郵電出版社，2022[11] 張孝祥. 深入 Java Web 開發(fā)內(nèi)幕——核心基礎(chǔ)[M]. 北京：電子工業(yè)出版社. 2022[12] 劉京華. Java Web 整合開發(fā)王者歸來[M]. 北京：清華大學(xué)出版社，2022。43答 謝本系統(tǒng)在設(shè)計(jì)和實(shí)現(xiàn)過程當(dāng)中，在同學(xué)們和指導(dǎo)老師李高云老師大力支持和幫助下，在很多技術(shù)上的問題，得到了很好的解決。同時(shí)也感謝我的指導(dǎo)老師李高云老師，她幫助解決了在設(shè)計(jì)中遇到的疑難和困惑，為我完成設(shè)計(jì)提供很大的幫助。在批改論文中給我提出很多的寶貴意見，在最后的設(shè)計(jì)和定稿過程中提供了極大的幫助。這次設(shè)計(jì)的順利完成離不開李高云老師，同時(shí)也感謝幫助我的同學(xué)們幫我搜集相關(guān)的書籍和視頻教程，來一起探討技術(shù)上的問題。感謝在校的老師們，在我大學(xué)時(shí)間了對(duì)我們無私的幫助和教誨，通過這次設(shè)計(jì)和開發(fā)工作當(dāng)中，我深深體會(huì)到了大學(xué)所學(xué)到的基本理論知識(shí)的重要性，在大學(xué)期間只有好好學(xué)習(xí)，能夠掌握扎實(shí)的理論知識(shí)，這樣才能在以后的工作中更快的上手和學(xué)習(xí)，從而能夠在社會(huì)當(dāng)中成為一個(gè)有用的人。