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实例教程(19) 使用HoTMetal(5)
Dec 23 Javascript
js实现的网站首页随机公告随机公告
Mar 14 Javascript
Javascript无参数和有参数类继承问题解决方法
Mar 02 Javascript
jQuery提示插件alertify使用指南
Apr 21 Javascript
js+html5绘制图片到canvas的方法
Jun 05 Javascript
Jquery简单分页实现方法
Jul 24 Javascript
深入理解(function(){... })();
Aug 16 Javascript
jQuery Dialog 打开时自动聚焦的解决方法(两种方法)
Nov 24 Javascript
vue2.0的contextmenu右键弹出菜单的实例代码
Jul 24 Javascript
js中Object.defineProperty()方法的不详解
Jul 09 Javascript
JS页面获取 session 值,作用域和闭包学习笔记
Oct 16 Javascript
vue-cli —— 如何局部修改Element样式
Oct 22 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 新手入门教程
2009/08/03 PHP
php visitFile()遍历指定文件夹函数
2010/08/21 PHP
js arguments.callee的应用代码
2009/05/07 Javascript
ExtJS Window 最小化的一种方法
2009/11/18 Javascript
JavaScript中使用构造函数实现继承的代码
2010/08/12 Javascript
javascript hashtable 修正版 下载
2010/12/30 Javascript
基于jQuery的message插件实现右下角弹出消息框
2011/01/11 Javascript
jQuery实现图片信息的浮动显示实例代码
2013/08/28 Javascript
jquery对ajax的支持介绍
2013/12/10 Javascript
jQuery实现点击小图片淡入淡出显示大图片特效
2015/09/09 Javascript
window.setInterval()方法的定义和用法及offsetLeft与style.left的区别
2015/11/11 Javascript
JS中定位 position 的使用实例代码
2017/08/06 Javascript
vue.js中父组件调用子组件的内部方法示例
2017/10/22 Javascript
javascript代码优化的8点总结
2018/01/29 Javascript
详解vue-router导航守卫
2019/01/19 Javascript
微信小程序自定义弹窗实现详解(可通用)
2019/07/04 Javascript
[05:14]辉夜杯主赛事第二日 RECAP精彩回顾
2015/12/27 DOTA
[54:56]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第三局
2016/03/06 DOTA
Python的string模块中的Template类字符串模板用法
2016/06/27 Python
Python中elasticsearch插入和更新数据的实现方法
2018/04/01 Python
Python实现的堆排序算法示例
2018/04/29 Python
python获取txt文件词向量过程详解
2019/07/05 Python
基于keras输出中间层结果的2种实现方式
2020/01/24 Python
Python Scrapy图片爬取原理及代码实例
2020/06/12 Python
浅析NumPy 切片和索引
2020/09/02 Python
python 利用openpyxl读取Excel表格中指定的行或列教程
2021/02/06 Python
真正的英国宝藏:Mappin & Webb
2019/05/05 全球购物
印度尼西亚手表和包包商店:Urban Icon
2019/12/12 全球购物
JACK & JONES荷兰官网:男士服装和鞋子
2021/03/07 全球购物
建筑工程自我鉴定
2013/10/18 职场文书
大学生个人自荐信
2014/02/24 职场文书
工作表扬信
2015/01/17 职场文书
2015年全国助残日活动方案
2015/05/04 职场文书
tensorflow中的数据类型dtype用法说明
2021/05/26 Python
sql server 累计求和实现代码
2022/02/28 SQL Server
oracle重置序列从0开始递增1
2022/02/28 Oracle