日期:2014-05-16  浏览次数:20973 次

formvalidator 验证插件中ajax验证的方法
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,是校验这个组的控件所有都通过校验了,就继续做某事,你看,这样就简单多了