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 相关文章推荐
Mootools 1.2教程 输入过滤第二部分(字符串)
Sep 15 Javascript
js 实现图片预加载(js操作 Image对象属性complete ,事件onload 异步加载图片)
Mar 25 Javascript
jquery miniui 教程 表格控件 合并单元格应用
Nov 25 Javascript
探讨javascript是不是面向对象的语言
Nov 21 Javascript
jQuery函数map()和each()介绍及异同点分析
Nov 08 Javascript
jQuery中outerHeight()方法用法实例
Jan 19 Javascript
js传值后台中文出现乱码的解决方法
Jun 30 Javascript
Bootstrap源码解读标签、徽章、缩略图和警示框(8)
Dec 26 Javascript
JavaScript遍历DOM元素的常见方式示例
Feb 16 Javascript
vue-cli3环境变量与分环境打包的方法示例
Feb 18 Javascript
JS实现可切换图片的幻灯切换效果示例
May 24 Javascript
五分钟搞懂Vuex实用知识(小结)
Aug 12 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使用GIFEncoder类生成gif动态滚动字幕
2014/07/01 PHP
推荐一款PHP+jQuery制作的列表分页的功能模块
2014/10/14 PHP
利用php实现一周之内自动登录存储机制(cookie、session、localStorage)
2016/10/31 PHP
PHP中file_put_contents追加和换行的实现方法
2017/04/01 PHP
jquery checkbox全选、取消全选实现代码
2010/03/05 Javascript
jquery indexOf使用方法
2013/08/19 Javascript
仿百度的关键词匹配搜索示例
2013/09/25 Javascript
jQuery表格插件ParamQuery简单使用方法示例
2013/12/05 Javascript
js中split和replace的用法实例
2015/02/28 Javascript
jquery实现从数组移除指定的值
2015/06/24 Javascript
JS Ajax请求如何防止重复提交
2016/06/13 Javascript
D3.js实现文本的换行详解
2016/10/14 Javascript
详解jQuery停止动画——stop()方法的使用
2016/12/14 Javascript
AngularJS使用ng-class动态增减class样式的方法示例
2017/05/18 Javascript
vue中路由验证和相应拦截的使用详解
2017/12/13 Javascript
swiper.js插件实现pc端文本上下滑动功能示例
2018/12/03 Javascript
js 根据对象数组中的属性进行排序实现代码
2019/09/12 Javascript
vue 递归组件的简单使用示例
2021/01/14 Vue.js
[05:31]DOTA2英雄梦之声_第04期_光之守卫
2014/06/23 DOTA
[50:50]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第一场 12.20
2020/12/23 DOTA
python实现将内容分行输出
2015/11/05 Python
python字符串连接方法分析
2016/04/12 Python
wx.CheckBox创建复选框控件并响应鼠标点击事件
2018/04/25 Python
python实现对文件中图片生成带标签的txt文件方法
2018/04/27 Python
Python实现基于C/S架构的聊天室功能详解
2018/07/07 Python
在PYQT5中QscrollArea(滚动条)的使用方法
2019/06/14 Python
python爬取盘搜的有效链接实现代码
2019/07/20 Python
Python参数传递及收集机制原理解析
2020/06/05 Python
keras自动编码器实现系列之卷积自动编码器操作
2020/07/03 Python
Django跨域请求原理及实现代码
2020/11/14 Python
使用HTML5 Canvas API绘制弧线的教程
2016/03/22 HTML / CSS
Dogeared官网:在美国手工制作的珠宝
2019/08/24 全球购物
《回乡偶书》教学反思
2014/04/12 职场文书
医药公司开票员岗位职责
2015/04/15 职场文书
搞笑婚礼主持词开场白
2015/11/24 职场文书
新课程改革心得体会
2016/01/22 职场文书