JQuery的Validation插件中Remote驗(yàn)證的中文問題
更新時(shí)間:2010年07月26日 12:40:05 作者:
前段時(shí)間,再次出現(xiàn)AJAX中文編碼問題,導(dǎo)致會(huì)員名重復(fù)檢測失敗,不過這次出現(xiàn)問題的是Validation插件的remote驗(yàn)證。
根據(jù)上次的經(jīng)驗(yàn),我將
加入到ajax請求的參數(shù)中,結(jié)果這次居然不起作用了。
多次觀察Fiddler結(jié)果,發(fā)現(xiàn)無效后,只好打開JQuery.Validation.js尋求答案了。
在remote的代碼中,我發(fā)現(xiàn):
...
var data = {};
data[element.name] = value;
$.ajax($.extend(true, {
url: param,
mode: "abort",
port: "validate" + element.name,
dataType: "json",
data: data,
....
原來插件自己定義了提交的數(shù)據(jù),直接將要驗(yàn)證的數(shù)據(jù)以json格式傳給服務(wù)器了。難怪針對form的編碼定義無效。馬上將value進(jìn)行強(qiáng)制的編碼encodeURIComponent(value),果然就好了!
后記:
這種方法在服務(wù)器代碼處理的時(shí)候,必須顯式地解碼數(shù)據(jù),通用性很差。于是,之后還是回到起點(diǎn)來研究更好的方法。
為了防止Validation插件對輸入數(shù)據(jù)的處理,我試著采用自己的Option來覆蓋Validation的Option定義:
remote: {
url: "ajax.aspx?a=xxx",
type: "post",
dataType: "json",
contentType: "application/x-www-form-urlencoded; charset=utf-8",
data: { txt1: function() { return $("#txt1").val(); } }
}
然后在服務(wù)器端代碼中,取得Form數(shù)據(jù)中的對應(yīng)數(shù)據(jù),這樣就避免了對Validation的修改,同時(shí)也滿足了我的要求。
原文鏈接: http://www.luyuliang.com/post/chinese-issue-in-jquery-validation-plugin.aspx
復(fù)制代碼 代碼如下:
contentType: "application/x-www-form-urlencoded; charset=utf-8",
加入到ajax請求的參數(shù)中,結(jié)果這次居然不起作用了。
多次觀察Fiddler結(jié)果,發(fā)現(xiàn)無效后,只好打開JQuery.Validation.js尋求答案了。
在remote的代碼中,我發(fā)現(xiàn):
復(fù)制代碼 代碼如下:
...
var data = {};
data[element.name] = value;
$.ajax($.extend(true, {
url: param,
mode: "abort",
port: "validate" + element.name,
dataType: "json",
data: data,
....
原來插件自己定義了提交的數(shù)據(jù),直接將要驗(yàn)證的數(shù)據(jù)以json格式傳給服務(wù)器了。難怪針對form的編碼定義無效。馬上將value進(jìn)行強(qiáng)制的編碼encodeURIComponent(value),果然就好了!
后記:
這種方法在服務(wù)器代碼處理的時(shí)候,必須顯式地解碼數(shù)據(jù),通用性很差。于是,之后還是回到起點(diǎn)來研究更好的方法。
為了防止Validation插件對輸入數(shù)據(jù)的處理,我試著采用自己的Option來覆蓋Validation的Option定義:
復(fù)制代碼 代碼如下:
remote: {
url: "ajax.aspx?a=xxx",
type: "post",
dataType: "json",
contentType: "application/x-www-form-urlencoded; charset=utf-8",
data: { txt1: function() { return $("#txt1").val(); } }
}
然后在服務(wù)器端代碼中,取得Form數(shù)據(jù)中的對應(yīng)數(shù)據(jù),這樣就避免了對Validation的修改,同時(shí)也滿足了我的要求。
原文鏈接: http://www.luyuliang.com/post/chinese-issue-in-jquery-validation-plugin.aspx
您可能感興趣的文章:
- Jquery validation remote 驗(yàn)證的緩存問題解決方法
- ASP.NET中實(shí)現(xiàn)jQuery Validation-Engine的Ajax驗(yàn)證
- ASP.NET中實(shí)現(xiàn)jQuery Validation-Engine的Ajax驗(yàn)證實(shí)現(xiàn)代碼
- 修改jQuery Validation里默認(rèn)的驗(yàn)證方法
- ASP.NET jQuery 實(shí)例12 通過使用jQuery validation插件簡單實(shí)現(xiàn)用戶注冊頁面驗(yàn)證功能
- ASP.NET jQuery 實(shí)例11 通過使用jQuery validation插件簡單實(shí)現(xiàn)用戶登錄頁面驗(yàn)證功能
- asp.net Page.EnableEventValidation 屬性驗(yàn)證服務(wù)器控件的回發(fā)和回調(diào)事件出現(xiàn)的錯(cuò)誤
- jQuery Validation實(shí)例代碼 讓驗(yàn)證變得如此容易
- jQuery插件學(xué)習(xí)教程之SlidesJs輪播+Validation驗(yàn)證
相關(guān)文章
jquery?ajax實(shí)現(xiàn)文件上傳提交的實(shí)戰(zhàn)步驟
今天項(xiàng)目中加了一個(gè)上傳文件的需求,我就搞了一下,下面這篇文章主要給大家介紹了關(guān)于jquery?ajax實(shí)現(xiàn)文件上傳提交的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11Jquery中國地圖熱點(diǎn)效果-鼠標(biāo)經(jīng)過彈出提示層信息的簡單實(shí)例
本篇文章主要是對Jquery中國地圖熱點(diǎn)效果-鼠標(biāo)經(jīng)過彈出提示層信息的簡單實(shí)例進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02jQuery使用JSONP實(shí)現(xiàn)跨域獲取數(shù)據(jù)的三種方法詳解
這篇文章主要介紹了jQuery使用JSONP實(shí)現(xiàn)跨域獲取數(shù)據(jù)的三種方法,結(jié)合實(shí)例形式對比分析了jsonp跨域獲取數(shù)據(jù)的3種常用操作技巧,需要的朋友可以參考下2017-05-05輕松學(xué)習(xí)jQuery插件EasyUI EasyUI創(chuàng)建菜單與按鈕
這篇文章主要幫助大家輕松學(xué)習(xí)jQuery插件EasyUI,重點(diǎn)是EasyUI創(chuàng)建菜單與按鈕,按鈕分為鏈接按鈕、菜單按鈕、分割按鈕,對這方面感興趣的小伙伴們可以參考一下2015-11-11Jquery實(shí)現(xiàn)網(wǎng)頁跳轉(zhuǎn)或用命令打開指定網(wǎng)頁的解決方法
本篇文章是對使用Jquery實(shí)現(xiàn)網(wǎng)頁跳轉(zhuǎn)或用命令打開指定網(wǎng)頁的解決方法進(jìn)行了詳細(xì)的分析介紹,需要的朋友可以參考下2013-07-07