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