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 表格合并的问题分享
Sep 17 Javascript
jQuery动态加载css文件实现方法
Jun 15 Javascript
细数JavaScript 一个等号,两个等号,三个等号的区别
Oct 09 Javascript
JavaScript常用正则验证函数实例小结【年龄,数字,Email,手机,URL,日期等】
Jan 23 Javascript
jQuery实现链接的title快速出现的方法
Feb 20 Javascript
layer弹出层框架alert与msg详解
Mar 14 Javascript
JavaScript关联数组用法分析【概念、定义、遍历】
Mar 15 Javascript
ES6数组的扩展详解
Apr 25 Javascript
node.js通过axios实现网络请求的方法
Mar 05 Javascript
详解webpack4.x之搭建前端开发环境
Mar 28 Javascript
js验证密码强度解析
Mar 18 Javascript
vue实现两个区域滚动条同步滚动
Dec 13 Vue.js
基于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循环输出数据库内容的代码
2008/05/24 PHP
PHP设计模式之装饰者模式
2012/02/29 PHP
解决phpcms更换javascript的幻灯片代码调用图片问题
2014/12/26 PHP
php实现屏蔽掉黑帽SEO的搜索关键字
2015/04/15 PHP
PHP基于timestamp和nonce实现的防止重放攻击方案分析
2019/07/26 PHP
javascript 传统事件模型构造的事件监听器实现代码
2010/05/31 Javascript
复制小说文本时出现的随机乱码的去除方法
2010/09/07 Javascript
通过jquery还原含有rowspan、colspan的table的实现方法
2012/02/10 Javascript
JavaScript 布尔操作符解析  && || !
2012/08/10 Javascript
easyui Droppable组件实现放置特效
2015/08/19 Javascript
JS防止网页被嵌入iframe框架的方法分析
2016/09/13 Javascript
深入理解jquery中extend的实现
2016/12/22 Javascript
基于bootstrap风格的弹框插件
2016/12/28 Javascript
jQuery树插件zTree使用方法详解
2017/05/02 jQuery
基于jQuery实现定位导航位置效果
2017/11/15 jQuery
基于JavaScript实现幸运抽奖页面
2020/07/05 Javascript
微信小程序表单弹窗实例
2018/07/19 Javascript
vue配置font-awesome5的方法步骤
2019/01/27 Javascript
Nuxt.js 数据双向绑定的实现
2019/02/17 Javascript
如何基于原生javaScript生成带图片的二维码
2019/11/21 Javascript
Vue移动端项目实现使用手机预览调试操作
2020/07/18 Javascript
解决antd datepicker 获取时间默认少8个小时的问题
2020/10/29 Javascript
[42:35]2018DOTA2亚洲邀请赛3月30日 小组赛A组 VG VS OpTic
2018/03/31 DOTA
[00:36]DOTA2勇士令状莱恩声望物品——冥晶之厄展示
2018/05/25 DOTA
Python Property属性的2种用法
2015/06/21 Python
Python多线程爬取豆瓣影评API接口
2019/10/22 Python
Django生成数据库及添加用户报错解决方案
2020/10/09 Python
为您搜罗全球潮流時尚品牌:HBX
2019/12/04 全球购物
前台文员的岗位职责
2013/11/14 职场文书
自我评价正确写法范文
2013/12/10 职场文书
大学生职业生涯规划范文
2013/12/31 职场文书
会计专业大学生职业生涯规划范文
2014/01/11 职场文书
青春励志演讲稿
2014/04/29 职场文书
小学毕业感言100字
2015/07/30 职场文书
Shell脚本一键安装Nginx服务自定义Nginx版本
2022/03/20 Servers
java实现自定义时钟并实现走时功能
2022/06/21 Java/Android