JQuery的Validation插件中Remote验证的中文问题


Posted in Javascript onJuly 26, 2010

根据上次的经验,我将

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
Javascript 相关文章推荐
jquery提示 "object expected"的解决方法
Dec 13 Javascript
jQuery入门第一课 jQuery选择符
Mar 14 Javascript
jQuery 计算iframe 窗口大小的方法
May 13 Javascript
Javascript中判断对象是否为空
Jun 10 Javascript
JavaScript 正则表达式中global模式的特性
Feb 25 Javascript
微信小程序 教程之列表渲染
Oct 18 Javascript
基于vue2实现左滑删除功能
Nov 28 Javascript
JavaScript指定断点操作实例教程
Sep 18 Javascript
小程序开发中如何使用async-await并封装公共异步请求的方法
Jan 20 Javascript
layui prompt 设置允许空白提交的方法
Sep 24 Javascript
vue ssr服务端渲染(小白解惑)
Nov 10 Javascript
vue3.0中使用postcss-pxtorem的具体方法
Nov 20 Javascript
基于JQuery的一句代码实现表格的简单筛选
Jul 26 #Javascript
jQuery getJSON 处理json数据的代码
Jul 26 #Javascript
基于jQuery的可以控制左右滚动及自动滚动效果的代码
Jul 25 #Javascript
用jquery实现下拉菜单效果的代码
Jul 25 #Javascript
利用腾讯的ip地址库做ip物理地址定位
Jul 24 #Javascript
利用google提供的API(JavaScript接口)获取网站访问者IP地理位置的代码详解
Jul 24 #Javascript
来自qq的javascript面试题
Jul 24 #Javascript
You might like
比较全的PHP 会话(session 时间设定)使用入门代码
2008/06/05 PHP
php实现有序数组旋转后寻找最小值方法
2018/09/27 PHP
浅谈PHPANALYSIS提取关键字
2019/03/08 PHP
Node.js实战 建立简单的Web服务器
2012/03/08 Javascript
JS清除IE浏览器缓存的方法
2013/07/26 Javascript
JS 页面计时器示例代码
2013/10/28 Javascript
jQuery+PHP+MySQL二级联动下拉菜单实例讲解
2015/10/27 Javascript
每个程序员都需要学习 JavaScript 的7个理由小结
2016/09/03 Javascript
vue中使用refs定位dom出现undefined的解决方法
2017/12/21 Javascript
js中的reduce()函数讲解
2019/01/18 Javascript
JavaScript实现美化滑块效果
2019/05/17 Javascript
layui实现多图片上传并限制上传的图片数量
2019/09/26 Javascript
vue使用原生swiper代码实例
2020/02/05 Javascript
JS定时器如何实现提交成功提示功能
2020/06/12 Javascript
[41:17]VG vs Optic 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python使用in操作符时元组和数组的区别分析
2015/05/19 Python
python实现扫描日志关键字的示例
2018/04/28 Python
详解Python传入参数的几种方法
2019/05/16 Python
Django发送邮件功能实例详解
2019/09/02 Python
Python爬取爱奇艺电影信息代码实例
2019/11/26 Python
python如何通过pyqt5实现进度条
2020/01/20 Python
什么是python类属性
2020/06/10 Python
python如何求圆的面积
2020/07/01 Python
Python爬虫基于lxml解决数据编码乱码问题
2020/07/31 Python
详解Canvas事件绑定
2018/06/27 HTML / CSS
世界最大的票务市场:viagogo
2017/02/16 全球购物
Ootori在线按摩椅店:一家专业的按摩椅制造商
2019/04/10 全球购物
阿姆斯特丹城市卡:Amsterdam Pass
2019/12/01 全球购物
岗位职责的定义
2013/11/10 职场文书
yy婚礼司仪主持词
2014/03/14 职场文书
论文诚信承诺书
2014/05/23 职场文书
大学生第一学年自我鉴定
2014/09/12 职场文书
旅游项目合作意向书
2015/05/08 职场文书
教师培训简讯
2015/07/20 职场文书
2016年小学生清明节广播稿
2015/12/17 职场文书
微软官方消息,在 2023 年 4 月 11 日之后微软将不再为 Office 2013 和 Skype for Business 2015 提供安全更新
2022/04/21 数码科技