jquery知識點(diǎn)-資料下載頁
2025-07-24 09:21本頁面
【正文】 和表單插件（Form Plugin）5種方法分別重寫“表單驗(yàn)證”的實(shí)例，并且進(jìn)一步說明中文亂碼的問題。前面我們曾介紹過使用jQuery技巧來提高代碼質(zhì)量，因?yàn)閖Query非常容易上手并使用簡單。重寫表單驗(yàn)證是程序員們經(jīng)常做的事情，使用jQuery我們有五種方法可以選擇，同時(shí)也能夠解決亂碼的問題。首先，對編碼知識進(jìn)行簡要的說明，請務(wù)必理解后再看下面的代碼。發(fā)送中文字符請求時(shí)，如果使用get方式，運(yùn)行正常；而使用post方法則會出現(xiàn)亂碼。這是由于異步對象XMLHttpRequest在處理返回的responseText的時(shí)候，是按UTF8編碼進(jìn)行解碼的。如果你原來的網(wǎng)頁編碼是gb2312的話，當(dāng)然會發(fā)生編碼的沖突了；如果你原來的網(wǎng)頁編碼是utf8，那么就不會出現(xiàn)中文亂碼的問題了。出現(xiàn)了中文亂碼該怎么辦呢？通常的解決辦法是用escape()對發(fā)送的數(shù)據(jù)進(jìn)行編碼，然后在返回的responseText上再用unescape()進(jìn)行解碼。然而在JavaScript編程中通常不推薦使用escape()和unescape()，而推薦使用encodeURI()和decodeURI()。請看下面的“表單驗(yàn)證實(shí)例”，或許對你學(xué)習(xí)編碼知識有一定的幫助。第一、jQuery的load(url,[data],[callback])方法語法說明：url為異步請求的地址，data用來向服務(wù)器傳送請求數(shù)據(jù)，為可選參數(shù)。一旦data參數(shù)啟用，整個(gè)請求過程將以post的方式進(jìn)行，否則默認(rèn)為get方式。如果希望在get方式下也傳遞數(shù)據(jù)，可以在url地址后面用類似“dataname1=data1amp。dataName2=data2”的方法。callback為Ajax加載成功后運(yùn)行的回調(diào)函數(shù)。另外使用load()方法返回的數(shù)據(jù)，不再需要考慮是文本還是XML，jQuery都會自動進(jìn)行處理。好了，下面馬上使用load()方法實(shí)現(xiàn)“自動表單驗(yàn)證”實(shí)例。首先是，html框架，5個(gè)例子都是一樣的，如下：1. form 2. 用戶昵稱:inputtype=textonblur=startCheck(this)name=Userid=Userspanid=UserResult/spanbr/ 3. 輸入密碼:inputtype=passwordname=passwd1br/ 4. 確認(rèn)密碼:/tdtdinputtype=passwordname=passwd2br/ 5. inputtype=submitvalue=注冊class=button 6. inputtype=resetvalue=重置class=button 7. /form必要說明：onblur=startCheck(this) 這是JavaScript代碼(簡稱js) ，意思是text文本框失去焦點(diǎn)時(shí)觸發(fā)自定義函數(shù)startCheck(),this是指代text文本框的值。span id=UserResult/span用來存放異步對象返回的結(jié)果。8. jQuery代碼如下： 9. 10. scriptlanguage=javascriptsrc=/script 11. scriptlanguage=javascript 12. functionstartCheck(oInput){ 13. //首先判斷是否有輸入，沒有輸入直接返回，并提示 14. if(!){ 15. ()。//聚焦到用戶名的輸入框 16. (UserResult).innerHTML=Usercannotbeempty.。 17. return。 18. } 19. oInput=$.trim()。//使用jQuery的$.trim()方法過濾左右空格 20. varsUrl=?user=+oInput。 21. sUrl=encodeURI(sUrl)。//使用encodeURI()編碼，解決中文亂碼問題 22. $(UserResult).load(sUrl,function(data){ 23. $(UserResult).html(decodeURI(data))。//使用decodeURI()解碼 24. } 25. )。 26. } 27. /script必要說明：使用jQuery時(shí)，可以到。判斷是否有輸入時(shí)，用的全是JavaScript語法。對傳遞給“處理頁”的參數(shù)進(jìn)行encodeURI編碼，以解決中文亂碼問題。load()中的function函數(shù)是為了對返回結(jié)果進(jìn)行decodeURI解碼，以解決中文亂碼問題。對$.trim()、$(UserResult)、html等jQuery語法不理解的，可以參考jQuery中文手冊。本站提供下載。28. ： 29. 30. % 31. if(Request(user)=eko)then 32. Sorry,amp。Request(user)amp。alreadyexists. 33. else 34. Request(user)amp。isok. 35. endif 36. %必要說明：如果把Sorry..already exists..is ik等英文改為中文，請看下面的說明。使用post方法會出現(xiàn)亂碼，這是由于異步對象XMLHttpRequest在處理返回的responseText的時(shí)候，是按UTF8編碼進(jìn)行解碼的。所以post方式的話，第三項(xiàng)的編碼由 ANST 改為 UTF8 (請務(wù)必記住!!)。
黨政相關(guān)相關(guān)推薦
鄂ICP備17016276號-1