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 相关文章推荐
使javascript也能包含文件
Oct 26 Javascript
用 JavaScript 迁移目录
Dec 18 Javascript
range 标准化之获取
Aug 28 Javascript
jquery实现漂浮在网页右侧的qq在线客服插件示例
May 13 Javascript
如何让浏览器支持jquery ajax load 前进、后退功能
Jun 12 Javascript
Node.js Streams文件读写操作详解
Jul 04 Javascript
Bootstrap轮播插件中图片变形的终极解决方案 使用jqthumb.js
Jul 10 Javascript
jQuery简单实现列表隐藏和显示效果示例
Sep 12 Javascript
canvas实现钟表效果
Feb 13 Javascript
vue 翻页组件vue-flip-page效果
Feb 05 Javascript
JQuery表单元素取值赋值方法总结
May 12 jQuery
vue-video-player视频播放器使用配置详解
Oct 23 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
德生S2000南麂列岛台湾FM收听记录
2021/03/02 无线电
PHP 数组教程 定义数组
2009/10/23 PHP
codeigniter使用技巧批量插入数据实例方法分享
2013/12/31 PHP
PHP简单实现无限级分类的方法
2016/05/13 PHP
php插件Xajax使用方法详解
2017/08/31 PHP
PHP读取、解析eml文件及生成网页的方法示例
2017/09/04 PHP
PHP命令Command模式用法实例分析
2018/08/08 PHP
JS模拟多线程
2007/02/07 Javascript
JS中confirm,alert,prompt函数使用区别分析
2010/04/01 Javascript
jQuery实现 注册时选择阅读条款 左右移动
2013/04/11 Javascript
jQuery中fadeIn、fadeOut、fadeTo的使用方法(图片显示与隐藏)
2013/05/08 Javascript
js清理Word格式示例代码
2014/02/13 Javascript
JS获取Table中td值的方法
2015/03/19 Javascript
浅析AngularJS Filter用法
2015/12/28 Javascript
详解JavaScript中return的用法
2017/05/08 Javascript
详解vue-router2.0动态路由获取参数
2017/06/14 Javascript
Vue进度条progressbar组件功能
2018/04/17 Javascript
详解Nodejs mongoose
2018/06/10 NodeJs
JS实现将对象转化为数组的方法分析
2019/01/21 Javascript
微信小程序class封装http代码实例
2019/08/24 Javascript
python调用windows api锁定计算机示例
2014/04/17 Python
python使用PythonMagick将jpg图片转换成ico图片的方法
2015/03/26 Python
Win10下Python环境搭建与配置教程
2016/11/18 Python
Python+OpenCV目标跟踪实现基本的运动检测
2018/07/10 Python
python字典的遍历3种方法详解
2019/08/10 Python
Python 进程操作之进程间通过队列共享数据,队列Queue简单示例
2019/10/11 Python
python给视频添加背景音乐并改变音量的具体方法
2020/07/19 Python
python实现按日期归档文件
2021/01/30 Python
CSS3 网页下拉菜单代码解释 中文翻译
2010/02/27 HTML / CSS
CSS3的calc()做响应模式布局的实现方法
2017/09/06 HTML / CSS
橄榄树药房:OLIVEDA
2019/09/01 全球购物
高中数学教师求职信
2013/10/30 职场文书
品德评语大全
2014/05/05 职场文书
公务员政审材料
2014/12/23 职场文书
中小学生安全教育观后感
2015/06/17 职场文书
Win11安装受阻怎么办? Windows11安装问题与解决方案汇总
2021/11/21 数码科技