JQuery的Validation插件中Remote验证的中文问题
作者:
前段时间,再次出现AJAX中文编码问题,导致会员名重复检测失败,不过这次出现问题的是Validation插件的remote验证。
根据上次的经验,我将
加入到ajax请求的参数中,结果这次居然不起作用了。
多次观察Fiddler结果,发现无效后,只好打开JQuery.Validation.js寻求答案了。
在remote的代码中,我发现:
...
var data = {};
data[element.name] = value;
$.ajax($.extend(true, {
url: param,
mode: "abort",
port: "validate" + element.name,
dataType: "json",
data: data,
....
原来插件自己定义了提交的数据,直接将要验证的数据以json格式传给服务器了。难怪针对form的编码定义无效。马上将value进行强制的编码encodeURIComponent(value),果然就好了!
后记:
这种方法在服务器代码处理的时候,必须显式地解码数据,通用性很差。于是,之后还是回到起点来研究更好的方法。
为了防止Validation插件对输入数据的处理,我试着采用自己的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(); } }
}
然后在服务器端代码中,取得Form数据中的对应数据,这样就避免了对Validation的修改,同时也满足了我的要求。
原文链接: http://www.luyuliang.com/post/chinese-issue-in-jquery-validation-plugin.aspx
复制代码 代码如下:
contentType: "application/x-www-form-urlencoded; charset=utf-8",
加入到ajax请求的参数中,结果这次居然不起作用了。
多次观察Fiddler结果,发现无效后,只好打开JQuery.Validation.js寻求答案了。
在remote的代码中,我发现:
复制代码 代码如下:
...
var data = {};
data[element.name] = value;
$.ajax($.extend(true, {
url: param,
mode: "abort",
port: "validate" + element.name,
dataType: "json",
data: data,
....
原来插件自己定义了提交的数据,直接将要验证的数据以json格式传给服务器了。难怪针对form的编码定义无效。马上将value进行强制的编码encodeURIComponent(value),果然就好了!
后记:
这种方法在服务器代码处理的时候,必须显式地解码数据,通用性很差。于是,之后还是回到起点来研究更好的方法。
为了防止Validation插件对输入数据的处理,我试着采用自己的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(); } }
}
然后在服务器端代码中,取得Form数据中的对应数据,这样就避免了对Validation的修改,同时也满足了我的要求。
原文链接: http://www.luyuliang.com/post/chinese-issue-in-jquery-validation-plugin.aspx
您可能感兴趣的文章:
- Jquery validation remote 验证的缓存问题解决方法
- ASP.NET中实现jQuery Validation-Engine的Ajax验证
- ASP.NET中实现jQuery Validation-Engine的Ajax验证实现代码
- 修改jQuery Validation里默认的验证方法
- ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能
- ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
- asp.net Page.EnableEventValidation 属性验证服务器控件的回发和回调事件出现的错误
- jQuery Validation实例代码 让验证变得如此容易
- jQuery插件学习教程之SlidesJs轮播+Validation验证