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 相关文章推荐
小议Function.apply()之二------利用Apply的参数数组化来提高 JavaScript程序性能
Nov 30 Javascript
js+css实现超简洁的二级下拉菜单效果代码
Sep 07 Javascript
浅析Bootstrap缩略图组件与警示框组件
Apr 29 Javascript
浅谈js数组和splice的用法
Dec 04 Javascript
JavaScript轻松创建级联函数的方法示例
Feb 10 Javascript
js禁止浏览器页面后退功能的实例(推荐)
Sep 01 Javascript
详解angular笔记路由之angular-router
Sep 12 Javascript
详解在create-react-app使用less与antd按需加载
Dec 06 Javascript
webpack4.0+vue2.0利用批处理生成前端单页或多页应用的方法
Jun 28 Javascript
解决vuex数据页面刷新后初始化操作
Jul 26 Javascript
微信小程序实现底部弹出框
Nov 18 Javascript
JS实现页面炫酷的时钟特效示例
Aug 14 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 csv操作类代码
2009/12/14 PHP
PHP大批量数据操作时临时调整内存与执行时间的方法
2011/04/20 PHP
ThinkPHP实现多数据库连接的解决方法
2014/07/01 PHP
PHP对象递归引用造成内存泄漏分析
2014/08/28 PHP
php在线解压ZIP文件的方法
2014/12/30 PHP
php实现微信公众号无限群发
2015/10/11 PHP
ThinkPHP3.2框架自定义配置和加载用法示例
2018/06/14 PHP
因str_replace导致的注入问题总结
2019/08/08 PHP
Laravel5.1 框架表单验证操作实例详解
2020/01/07 PHP
ext 列表页面关于多行查询的办法
2010/03/25 Javascript
使用dynatrace-ajax跟踪JavaScript的性能
2010/04/12 Javascript
jquery $("#variable") 循环改变variable的值示例
2014/02/23 Javascript
javascript获取wx.config内部字段解决微信分享
2016/03/09 Javascript
每日十条JavaScript经验技巧(一)
2016/06/23 Javascript
标准的js无缝滚动效果
2016/08/30 Javascript
AngularJs concepts详解及示例代码
2016/09/01 Javascript
jQuery Ajax向服务端传递数组参数值的实例代码
2017/09/03 jQuery
浅谈Vue SPA 首屏加载优化实践
2017/12/15 Javascript
详解elementui之el-image-viewer(图片查看器)
2019/08/30 Javascript
Python中给List添加元素的4种方法分享
2014/11/28 Python
python生成词云的实现方法(推荐)
2017/06/13 Python
Python查看微信撤回消息代码
2018/06/07 Python
Python 硬币兑换问题
2019/07/29 Python
Pycharm编辑器功能之代码折叠效果的实现代码
2020/10/15 Python
美国婴儿用品及配件购买网站:Munchkin
2019/04/03 全球购物
元旦晚会感言
2014/03/12 职场文书
2014年清明节网上祭英烈寄语
2014/04/09 职场文书
创先争优个人承诺书
2014/08/30 职场文书
家庭教育的心得体会
2014/09/01 职场文书
八年级上册语文教学计划
2015/01/22 职场文书
成品仓管员岗位职责
2015/04/01 职场文书
学校百日安全活动总结
2015/05/07 职场文书
运动会100米加油稿
2015/07/21 职场文书
中秋节主题班会
2015/08/14 职场文书
使用python+pygame开发消消乐游戏附完整源码
2021/06/10 Python
Python中的socket网络模块介绍
2022/07/23 Python