formvalidator验证插件中有关ajax验证问题


Posted in Javascript onJanuary 04, 2013

jquery formvalidator插件是不错的国产验证插件了,做点普通的校验也是很方便的,但最近遇到个问题,发现如果表单整个表单是AJAX提交时,就不能按传统的做法了,比如:

$ajax.post("...............") 
$.formValidator.initConfig({formID:"applyForm",onError:function(msg){alert(msg)}}); 
$("#reason").formValidator().inputValidator({min:1,onErrorMin:'请输入申请内容及原因'});

很遗憾,单这样是达不到AJAX FORM提交并同时用formvalidator校验的效果的。如果要同时使用formvalidator和ajax提交一起的话,首先看到的是formvalidtor手册中关于ajaxform的用法
$.formValidator.initConfig({theme:"Default",submitOnce:true,formID:"form1",ajaxForm:{ 
dataType : "html", 
buttons:$("#button"), 
url: "http://www.51gh.net/chkuser.aspx?act=ok" 
}, 
onError:function(msg,obj,errorlist){ 
$("#errorlist").empty(); 
$.map(errorlist,function(msg){ 
$("#errorlist").append("[*]" + msg + " 
") 
}); 
alert(msg); 
}, 
submitAfterAjaxPrompt : '有数据正在异步验证,请稍等...' 
});

看了下,这个方法看上去是可以的,但实际上,居然对中文支持不好,我的是
struts2,spring 3,tomcat也是用utf-8,sturts2等全部用UTF-8编码了,但居然还是说当取的
struts2的中文值的时候,说:
org.apache.tomcat.util.http.Parameters processParameters
警告: Parameters: Character decoding failed. Parameter skipped.
java.io.CharConversionException: isHexDigit.
解决方式见
http://www.iteye.com/problems/7099
但这个问题很奇怪,而且感觉用formvalidtor本身的方法太麻烦,所以就找了另外的方法,果然好用,那就是使用
if ($.formValidator.pageIsValid('1')==true) 
{ 
$.post("xxxxxxxxxxxxxxxxx") 
}

其他校验规则照样写,如果页面只有一个表单,则默认为1,这里的pageIsValid,是校验这个组的控件所有都通过校验了,就继续做某事,你看,这样就简单多了
Javascript 相关文章推荐
CheckBox 如何实现全选?
Jun 23 Javascript
细品javascript 寻址,闭包,对象模型和相关问题
Apr 27 Javascript
使用javascript获取flash加载的百分比的实现代码
May 25 Javascript
jquery实现网站超链接和图片提示效果
Mar 21 Javascript
js使下拉列表框可编辑不止是选择
Dec 12 Javascript
JavaScript打印网页指定区域的例子
May 03 Javascript
jQuery实现底部浮动窗口效果
Sep 07 Javascript
仿iframe效果Aajx文件上传实例
Nov 18 Javascript
基于cookie实现zTree树刷新后展开状态不变
Feb 28 Javascript
vue axios重复点击取消上一次请求封装的方法
Jun 19 Javascript
layer设置maxWidth及maxHeight解决方案
Jul 26 Javascript
JS算法教程之字符串去重与字符串反转
Dec 15 Javascript
使用jquery mobile做幻灯播放效果实现步骤
Jan 04 #Javascript
jquery 插件开发 extjs中的extend用法小结
Jan 04 #Javascript
使用jquery读取html5 localstorage的值的方法
Jan 04 #Javascript
表单的焦点顺序tabindex和对应enter键提交
Jan 04 #Javascript
屏蔽网页右键复制和ctrl+c复制的js代码
Jan 04 #Javascript
js 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性
Jan 04 #Javascript
html a标签-超链接中confirm方法使用介绍
Jan 04 #Javascript
You might like
用PHP制作静态网站的模板框架(一)
2006/10/09 PHP
php使用PDO操作MySQL数据库实例
2014/12/30 PHP
[原创]php正则删除html代码中class样式属性的方法
2017/05/24 PHP
PHP设计模式入门之迭代器模式原理与实现方法分析
2020/04/26 PHP
jQuery 数据缓存data(name, value)详解及实现
2010/01/04 Javascript
Javascript事件热键兼容ie|firefox
2010/12/30 Javascript
js实现网站首页图片滚动显示
2013/02/04 Javascript
jquery实现微博文字输入框 输入时显示输入字数 效果实现
2013/07/12 Javascript
js获取或设置当前窗口url参数的小例子
2013/10/14 Javascript
jqGrid随窗口大小变化自适应大小的示例代码
2013/12/28 Javascript
仅9张思维导图帮你轻松学习Javascript 就这么简单
2016/06/01 Javascript
require简单实现单页应用程序(SPA)
2016/07/12 Javascript
js鼠标按键事件和键盘按键事件用法实例汇总
2016/10/03 Javascript
JS多物体实现缓冲运动效果示例
2016/12/20 Javascript
vue组件实现进度条效果
2018/06/06 Javascript
Python高效编程技巧
2013/01/07 Python
Python的Django框架中TEMPLATES项的设置教程
2015/05/29 Python
python下读取公私钥做加解密实例详解
2017/03/29 Python
Python外星人入侵游戏编程完整版
2020/03/30 Python
Python HTTP客户端自定义Cookie实现实例
2017/04/28 Python
Pyqt实现无边框窗口拖动以及窗口大小改变
2018/04/19 Python
python多线程抽象编程模型详解
2019/03/20 Python
PyQt5 对图片进行缩放的实例
2019/06/18 Python
解决Pytorch 加载训练好的模型 遇到的error问题
2020/01/10 Python
利用python实现汉诺塔游戏
2021/03/01 Python
Theflamel意大利:女士奢华服装、鞋子和配件
2020/01/11 全球购物
Pharmacy Online中文直邮网站:澳洲大型药房
2020/06/27 全球购物
高中毕业自我鉴定
2013/12/22 职场文书
仓库管理专业个人的自我评价
2013/12/30 职场文书
岗位竞聘演讲稿范文
2014/04/24 职场文书
诚实守信道德模范事迹材料
2014/08/15 职场文书
工会优秀工作者事迹
2014/08/17 职场文书
经营场所证明范本
2015/06/19 职场文书
Pycharm连接远程服务器并远程调试的全过程
2021/06/24 Python
Python 游戏大作炫酷机甲闯关游戏爆肝数千行代码实现案例进阶
2021/10/16 Python
MySQL实现配置主从复制项目实践
2022/03/31 MySQL