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 高级语法介绍
Jun 15 Javascript
如何使用Javascript获取距今n天前的日期
Jul 08 Javascript
javascript实现动态加载CSS
Jan 26 Javascript
全屏js头像上传插件源码高清版
Mar 29 Javascript
深入理解JavaScript内置函数
Jun 03 Javascript
AngularJS 视图详解及示例代码
Aug 17 Javascript
ReactNative页面跳转实例代码
Sep 27 Javascript
AngularJS实现给动态生成的元素绑定事件的方法
Dec 14 Javascript
Vue.js实现多条件筛选、搜索、排序及分页的表格功能
Nov 24 Javascript
鼠标经过出现气泡框的简单实例
Mar 17 Javascript
NProgress显示顶部进度条效果及使用详解
Sep 21 Javascript
如何基于jQuery实现五角星评分
Sep 02 jQuery
基于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
新52大事件
2020/03/03 欧美动漫
php用header函数实现301跳转代码实例
2013/11/25 PHP
PHP数字字符串左侧补0、字符串填充和自动补齐的几种方法
2014/05/10 PHP
php获取ip及网址的简单方法(必看)
2017/04/01 PHP
js类中获取外部函数名的方法
2007/08/19 Javascript
jQuery autocomplete插件修改
2009/04/17 Javascript
JS仿flash上传头像效果实现代码
2011/07/18 Javascript
Jquery网页出现的乱码问题的三种解决方法
2013/06/30 Javascript
Bootstrap+jfinal实现省市级联下拉菜单
2016/05/30 Javascript
javascript实现随机生成DIV背景色
2016/06/20 Javascript
详解Vue 开发模式下跨域问题
2017/06/06 Javascript
JavaScript 获取元素在父节点中的下标(推荐)
2017/06/28 Javascript
JS库之ParticlesJS使用简介
2017/09/12 Javascript
Vue实现导出excel表格功能
2018/03/30 Javascript
详解操作虚拟dom模拟react视图渲染
2018/07/25 Javascript
Vue 自定义标签的src属性不能使用相对路径的解决
2019/09/17 Javascript
Vue 实现点击空白处隐藏某节点的三种方式(指令、普通、遮罩)
2019/10/23 Javascript
基于小程序请求接口wx.request封装的类axios请求
2020/07/02 Javascript
前端性能优化建议
2020/09/17 Javascript
[00:36]DOTA2上海特级锦标赛 Archon战队宣传片
2016/03/04 DOTA
Python导出数据到Excel可读取的CSV文件的方法
2015/05/12 Python
浅谈python类属性的访问、设置和删除方法
2016/07/25 Python
浅析python继承与多重继承
2018/09/13 Python
学生信息管理系统Python面向对象版
2019/01/30 Python
Python的形参和实参使用方式
2019/12/24 Python
用HTML5.0制作网页的教程
2010/05/30 HTML / CSS
英国排名第一的最新设计师品牌手表独立零售商:TIC Watches
2016/09/24 全球购物
如何提高SQL Server的安全性
2016/07/25 面试题
红旗方阵解说词
2014/02/12 职场文书
终止合同协议书
2014/04/17 职场文书
投标承诺书怎么写
2014/05/24 职场文书
党委班子剖析材料
2014/08/21 职场文书
爱心助学感谢信
2015/01/21 职场文书
团支部组织委员竞选稿
2015/11/21 职场文书
五星级酒店宣传口号
2015/12/25 职场文书
解决pycharm安装scrapy DLL load failed:找不到指定的程序的问题
2021/06/08 Python