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 隐藏/显示指定的区域附HTML元素【legend】用法
Mar 05 Javascript
js 完美图片新闻轮转效果,腾讯大粤网首页图片轮转改造而来
Nov 21 Javascript
深入理解JavaScript系列(16) 闭包(Closures)
Apr 12 Javascript
文件编码导致jquery失效的解决方法
Jun 26 Javascript
jQuery让控件左右移动的三种实现方法
Sep 08 Javascript
深入了解JavaScript中的Symbol的使用方法
Jul 28 Javascript
jquery制作属于自己的select自定义样式
Nov 23 Javascript
jQuery时间插件jquery.clock.js用法实例(5个示例)
Jan 14 Javascript
JS绘制微信小程序画布时钟
Dec 24 Javascript
vue中使用GraphQL的实例代码
Nov 04 Javascript
node+vue实现文件上传功能
May 28 Javascript
使用react+redux实现计数器功能及遇到问题
Jun 02 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采用ajax数据提交post与post常见方法总结
2014/11/10 PHP
Zend Framework分页类用法详解
2016/03/22 PHP
ThinkPHP简单使用memcache缓存的方法
2016/11/15 PHP
Zend Framework过滤器Zend_Filter用法详解
2016/12/09 PHP
在IE下:float属性会影响offsetTop的取值
2006/12/22 Javascript
JavaScript国旗变换效果代码
2008/08/13 Javascript
FLASH 广告之外的链接
2008/12/16 Javascript
jquery 简单的进度条实现代码
2010/03/11 Javascript
使用JavaScript的ActiveXObject对象检测应用程序是否安装的方法
2014/04/15 Javascript
AngularJS语法详解
2015/01/23 Javascript
AngularJS初始化静态模板详解
2016/01/14 Javascript
javascript实现仿百度图片的瀑布流加载效果
2016/04/20 Javascript
自带气泡提示的vue校验插件(vue-verify-pop)
2017/04/07 Javascript
深入理解ES6学习笔记之块级作用域绑定
2017/08/19 Javascript
浅谈Node.js CVE-2017-14849 漏洞分析(详细步骤)
2017/11/10 Javascript
微信小程序实现点击按钮修改文字大小功能【附demo源码下载】
2017/12/06 Javascript
官方推荐react-navigation的具体使用详解
2018/05/08 Javascript
python中os操作文件及文件路径实例汇总
2015/01/15 Python
Python将多个excel表格合并为一个表格
2021/02/22 Python
用python与文件进行交互的方法
2018/03/01 Python
Python实现的多进程和多线程功能示例
2018/05/29 Python
python将txt文档每行内容循环插入数据库的方法
2018/12/28 Python
Python对象转换为json的方法步骤
2019/04/25 Python
django项目中新增app的2种实现方法
2020/04/01 Python
Python3爬虫关于识别检验滑动验证码的实例
2020/07/30 Python
Django ModelForm组件原理及用法详解
2020/10/12 Python
Mytheresa中国官网:德国时尚奢侈品商城
2017/08/04 全球购物
Luxplus瑞典:香水和美容护理折扣
2018/01/28 全球购物
护理专业毕业生自荐信范文
2014/01/05 职场文书
大学军训感言
2014/01/10 职场文书
旅游个人求职信范文
2014/01/30 职场文书
项目合作意向书模板
2014/07/29 职场文书
个人工作年终总结
2015/03/09 职场文书
毕业生爱心捐书倡议书
2015/04/27 职场文书
幼儿园亲子活动感想
2015/08/07 职场文书
MySQL Router实现MySQL的读写分离的方法
2021/05/27 MySQL