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 存在陷阱 删除某一区域所有节点
May 10 Javascript
javascript获取下拉列表框当中的文本值示例代码
Jul 31 Javascript
JS封装的自动创建表格的实现代码
Jun 15 Javascript
JavaScript操作 url 中 search 部分方法函数
Jun 15 Javascript
jQuery使用Layer弹出层插件闪退问题
Dec 22 Javascript
零基础轻松学JavaScript闭包
Dec 30 Javascript
js数字舍入误差以及解决方法(必看篇)
Feb 28 Javascript
JavaScript数据结构之二叉树的查找算法示例
Apr 13 Javascript
分享19个JavaScript 有用的简写写法
Jul 07 Javascript
Web开发使用Angular实现用户密码强度判别的方法
Sep 27 Javascript
从vue源码看props的用法
Jan 09 Javascript
原生js+canvas实现验证码
Nov 29 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生成缩略图示例代码分享(使用gd库实现)
2014/01/20 PHP
PHP编写RESTful接口
2016/02/23 PHP
php 中self,this的区别和操作方法实例分析
2019/11/04 PHP
Jquery中getJSON在asp.net中的使用说明
2011/03/10 Javascript
兼容FF和IE的动态table示例自写
2013/10/21 Javascript
按下Enter焦点移至下一个控件的实现js代码
2013/12/11 Javascript
JS加载器如何动态加载外部js文件
2016/05/26 Javascript
再次谈论Javascript中的this
2016/06/23 Javascript
jQuery 常见小例汇总
2016/12/14 Javascript
Vue.js 2.0学习教程之从基础到组件详解
2017/04/24 Javascript
jquery.guide.js新版上线操作向导镂空提示jQuery插件(推荐)
2017/05/20 jQuery
zTree 树插件实现全国五级地区点击后加载的示例
2018/02/05 Javascript
详解VUE 对element-ui中的ElTableColumn扩展
2018/03/28 Javascript
vue中关闭eslint的方法分析
2018/08/04 Javascript
玩转Koa之核心原理分析
2018/12/29 Javascript
js+canvas实现五子棋小游戏
2020/08/02 Javascript
vue中配置scss全局变量的步骤
2020/12/28 Vue.js
python 文件与目录操作
2008/12/24 Python
linux系统使用python监控apache服务器进程脚本分享
2014/01/15 Python
Python的Flask框架中实现分页功能的教程
2015/04/20 Python
处理Python中的URLError异常的方法
2015/04/30 Python
Python中struct模块对字节流/二进制流的操作教程
2017/01/21 Python
python使用建议技巧分享(三)
2020/08/18 Python
如何用Python 实现全连接神经网络(Multi-layer Perceptron)
2020/10/15 Python
Python xlwings插入Excel图片的实现方法
2021/02/26 Python
美国网上书店:Barnes & Noble
2018/08/15 全球购物
小学生读书活动总结
2014/06/30 职场文书
学校党的群众路线教育实践活动对照检查材料
2014/09/24 职场文书
县长群众路线对照检查材料思想汇报
2014/10/02 职场文书
表扬稿格式范文
2015/01/16 职场文书
罚站检讨书
2015/01/29 职场文书
档案工作个人总结
2015/03/03 职场文书
工厂员工辞职信范文
2015/05/12 职场文书
关于食品安全的演讲稿范文(三篇)
2019/10/21 职场文书
Ajax异步刷新功能及简单案例
2021/11/20 Javascript
Python PIL按比例裁剪图片
2022/05/11 Python