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技术实现Tab页界面之二
Sep 21 Javascript
自己动手制作jquery插件之自动添加删除行功能介绍
Oct 14 Javascript
基于jquery DOM写的类似微博发布的效果
Oct 20 Javascript
js 通用订单代码
Dec 23 Javascript
常规表格多表头查询示例
Feb 21 Javascript
jQuery学习笔记之jQuery构建函数的7种方法
Jun 03 Javascript
Java File类的常用方法总结
Mar 18 Javascript
JQuery勾选指定name的复选框集合并显示的方法
May 18 Javascript
vuejs动态组件给子组件传递数据的方法详解
Sep 09 Javascript
jQuery实现三级联动效果
Mar 02 Javascript
彻底学会Angular.js中的transclusion
Mar 12 Javascript
node链接mongodb数据库的方法详解【阿里云服务器环境ubuntu】
Mar 07 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判断上传的Excel文件中是否有图片及PHPExcel库认识
2013/01/11 PHP
php上传文件中文文件名乱码的解决方法
2013/11/01 PHP
php面向对象中的魔术方法中文说明
2014/03/04 PHP
php函数传值的引用传递注意事项分析
2016/06/25 PHP
简单的无缝滚动程序-仅几行代码
2007/05/08 Javascript
网上抓的一个特效
2007/05/11 Javascript
JQuery里选择超链接的实现代码
2011/05/22 Javascript
JS获取当前日期时间并定时刷新示例
2021/03/04 Javascript
node.js中的console.time方法使用说明
2014/12/09 Javascript
js点击按钮实现水波纹效果代码(CSS3和Canves)
2016/09/15 Javascript
JavaScript中动态向表格添加数据
2017/01/24 Javascript
js判断是否是手机页面
2017/03/17 Javascript
Vue.js实现一个todo-list的上移下移删除功能
2017/06/26 Javascript
vue router 通过路由来实现切换头部标题功能
2019/04/24 Javascript
Vue-Cli项目优化操作的实现
2019/10/27 Javascript
Vue替代marquee标签超出宽度文字横向滚动效果
2019/12/09 Javascript
详解vue beforeEach 死循环问题解决方法
2020/02/25 Javascript
javascript设计模式 ? 迭代器模式原理与用法实例分析
2020/04/17 Javascript
python多重继承实例
2014/10/11 Python
python提取页面内url列表的方法
2015/05/25 Python
快速了解Python相对导入
2018/01/12 Python
Python 找到列表中满足某些条件的元素方法
2018/06/26 Python
python matlibplot绘制多条曲线图
2021/02/19 Python
Python PyAutoGUI模块控制鼠标和键盘实现自动化任务详解
2018/09/04 Python
Python 获取windows桌面路径的5种方法小结
2019/07/15 Python
Python代理IP爬虫的新手使用教程
2019/09/05 Python
Jupyter notebook运行Spark+Scala教程
2020/04/10 Python
Python Selenium实现无可视化界面过程解析
2020/08/25 Python
使用Python爬虫爬取小红书完完整整的全过程
2021/01/19 Python
结合CSS3的新特性来总结垂直居中的实现方法
2016/05/30 HTML / CSS
会计专业毕业生推荐信
2013/11/05 职场文书
便利店的创业计划书
2014/01/15 职场文书
大学同学聚会邀请函
2014/01/29 职场文书
三严三实民主生活会发言稿
2014/10/13 职场文书
故宫的导游词
2015/01/31 职场文书
政审证明范文
2015/06/19 职场文书