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 相关文章推荐
Javascript实例教程(19) 使用HoTMetal(6)
Dec 23 Javascript
Javascript面向对象编程(二) 构造函数的继承
Aug 28 Javascript
jQuery计算textarea中文字数(剩余个数)的小程序
Nov 28 Javascript
Jquery性能优化详解
May 15 Javascript
JavaScript截取字符串的2个函数介绍
Aug 27 Javascript
jQuery实现图片加载完成后改变图片大小的方法
Mar 29 Javascript
关于javascript事件响应的基础语法总结(必看篇)
Dec 26 Javascript
Bootstrap treeview实现动态加载数据并添加快捷搜索功能
Jan 07 Javascript
jQuery实现的鼠标响应缓冲动画效果示例
Feb 13 jQuery
微信小程序实现的动态设置导航栏标题功能示例
Jan 31 Javascript
Vue+Django项目部署详解
May 30 Javascript
VUE项目axios请求头更改Content-Type操作
Jul 24 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
mysql4.1以上版本连接时出现Client does not support authentication protocol问题解决办法
2007/03/15 PHP
超级实用的7个PHP代码片段分享
2012/01/05 PHP
php数组相加 array(“a”)+array(“b”)结果还是array(“a”)
2012/09/19 PHP
按给定几率进行随机抽取的js代码
2010/12/28 Javascript
浅析LigerUi开发中谨慎载入common.css文件
2013/07/09 Javascript
javascript生成json数据简单示例分享
2014/02/14 Javascript
jQuery实现ctrl+enter(回车)提交表单
2015/10/19 Javascript
省市区三级联动jquery实现代码
2020/04/15 Javascript
jquery实现瀑布流效果 jquery下拉加载新数据
2016/12/12 Javascript
详解VUE 对element-ui中的ElTableColumn扩展
2018/03/28 Javascript
浅谈开发eslint规则
2018/10/01 Javascript
深入理解JavaScript 中的执行上下文和执行栈
2018/10/23 Javascript
node删除、复制文件或文件夹示例代码
2019/08/13 Javascript
layui表格设计以及数据初始化详解
2019/10/26 Javascript
js常用方法、检查是否有特殊字符串、倒序截取字符串操作完整示例
2020/01/26 Javascript
react ant Design手动设置表单的值操作
2020/10/31 Javascript
[01:07:15]DOTA2-DPC中国联赛 正赛 DLG vs XG BO3 第二场 1月25日
2021/03/11 DOTA
跟老齐学Python之集合的关系
2014/09/24 Python
python 3利用BeautifulSoup抓取div标签的方法示例
2017/05/28 Python
pymongo中group by的操作方法教程
2019/03/22 Python
python应用文件读取与登录注册功能
2019/09/23 Python
python 使用递归实现打印一个数字的每一位示例
2020/02/27 Python
如何使用Python调整图像大小
2020/09/26 Python
OpenCV实现机器人对物体进行移动跟随的方法实例
2020/11/09 Python
html5 canvas里绘制椭圆并保持线条粗细均匀的技巧
2013/03/25 HTML / CSS
捷科时代的软件测试笔试题
2015/11/09 面试题
机械绘图员岗位职责
2013/11/19 职场文书
合作协议书范本
2014/04/17 职场文书
社区健康教育工作方案
2014/06/03 职场文书
防火标语大全
2014/10/06 职场文书
老公保证书怎么写
2015/02/26 职场文书
煤矿安全保证书
2015/02/27 职场文书
2015年化妆品销售工作总结
2015/05/11 职场文书
人与自然的观后感
2015/06/18 职场文书
初中数学教学随笔
2015/08/15 职场文书
Python数据可视化之用Matplotlib绘制常用图形
2021/06/03 Python