formvalidator 验证插件中ajax验证的方法

longshengguoji 2012-12-26

jqueryformvalidator插件是不错的国产验证插件了,做点普通的校验也是很方便的,

但最近遇到个问题,发现如果表单整个表单是AJAX提交时,就不能按传统的做法了,比如:

$ajax.post("...............")


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

很遗憾,单这样是达不到AJAXFORM提交并同时用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,spring3,tomcat也是用utf-8,sturts2等全部用UTF-8编码了,但居然还是说当取的

struts2的中文值的时候,说:

org.apache.tomcat.util.http.ParametersprocessParameters

警告:Parameters:Characterdecodingfailed.Parameterskipped.

java.io.CharConversionException:isHexDigit.

解决方式见:

但这个问题很奇怪,而且感觉用formvalidtor本身的方法太麻烦,所以就找了另外的方法,果然好用,那就是使用

   
if ($.formValidator.pageIsValid('1')==true)
				{

              $.post("xxxxxxxxxxxxxxxxx")


}

其他校验规则照样写,如果页面只有一个表单,则默认为1,这里的pageIsValid,是校验这个组的控件所有都通过校验了,就继续做某事,你看,这样就简单多了

相关推荐

mmywcoco / 0评论 2020-06-06