最近在做畢業(yè)設(shè)計的時候,新增管理員用到j(luò)query的ajax驗證用戶名是否存在,本人初次使用jquery的ajax,發(fā)了挺長時間的去網(wǎng)上找相關(guān)東西,現(xiàn)在和大家共享我的做法,多多指教。
目前創(chuàng)新互聯(lián)已為1000多家的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬主機(jī)、網(wǎng)站托管運營、企業(yè)網(wǎng)站設(shè)計、綏寧網(wǎng)站維護(hù)等服務(wù),公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。實現(xiàn)的效果如下圖:
在代碼中使用jquery-1.3.2的vsdoc版本:
- <script src="/js/jquery/jquery-1.3.2-vsdoc.js""text/javascript"
- "text/javascript""javascript"
- function
- "#txtUserName"function
- this"focus"
- function
- "GET"
- "valideUserName_ajax.aspx"
- "html"
- "userName=""#txtUserName"
- function
- "#showResult""正在查詢。。。"
- function
- "#showResult"
- "#showResult""color""red"
- function
- //隱藏正在查詢圖片
- function
- //錯誤處理
其中上面引用的js代碼中的就是id為txtUserName的textbox先聚焦,失去焦點時,驗證使用ajax判斷用戶名是否存在。
- <asp:TextBox ID="txtUserName""25""20px""server"
ajax獲取的頁面:valideUserName_ajax.aspx
前臺頁面的代碼如下:
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <htmlxmlns"http://www.w3.org/1999/xhtml">
- <headrunat"server">
- <title></title>
- </head>
- <body>
- <formid"form1"runat"server">
- <div>
- </div>
- </form>
- </body>
- </html>
.cs的代碼:本人使用三層架構(gòu),如用其他方法,請相應(yīng)的轉(zhuǎn)換:
- publicclass
- protectedvoidobject
- ifstring"userName"
- ifnew"userName"
- "<span class='error'> </span>""用戶名已經(jīng)存在,請重新輸入。"
- else
- "<span class='success'> </span>""恭喜該用戶可以使用,請繼續(xù)。"
- else
- "<span class='error'> </span>""用戶名不能為空!"
當(dāng)完成上面的步驟之后,可以實現(xiàn)判斷用戶名是否重復(fù),但是新的問題出現(xiàn)了?
- “/”應(yīng)用程序中的服務(wù)器錯誤。
- 4V7gkvpf3QO5Zd66FFRMQXoh2g
后來又發(fā)了很多時間去網(wǎng)上找解決方案。最后找到一個比較滿意的。且決解問題的,方案如下:
通過上網(wǎng)查詢,給出以下解決方案:
在該工程中的web.config中添加如下代碼: <pages enableEventValidation="False" viewStateEncryptionMode="Never" /> 來源: http://www.cnblogs.com/ufo0303/archive/2008/04/10/1146026.html 但是,按照網(wǎng)上給出的方法并沒有解決問題. 于是, 參見: http://blog.csdn.net/Yamzef/archive/2007/03/26/1541160.aspx .其中說: 如果你在回調(diào)前不加這兩句的話,但回調(diào)時,服務(wù)器方仍然把它當(dāng)作一份看待,結(jié)果服務(wù)器分析不出 |
于是我就將我ajax引用頁面的form刪掉。代碼變成如下:
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <htmlxmlns"http://www.w3.org/1999/xhtml">
- <headrunat"server">
- <title></title>
- </head>
- <body>
- </body>
- </html>
對比發(fā)現(xiàn)了什么不一樣了嗎?少了form以及下面的div。
這時你再嘗試一下,發(fā)現(xiàn)就這樣實現(xiàn)了添加新的管理員吧。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
本文題目:用jquery驗證用戶名是否有效或重復(fù)-創(chuàng)新互聯(lián)
文章URL:http://jinyejixie.com/article4/csdiie.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站改版、外貿(mào)建站、App開發(fā)、網(wǎng)站維護(hù)、網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)