jQuery formValidator表单验证插件

 

   API帮助、源码、示例 http://www.cnblogs.com/wzmaodong/archive/2008/01/11/1034901.html

<form action="template_saveinfo.do" method="post" id="form1">
<dd><input id="name" name="templateVo.name" value="$!templateVo.name" type="text"/>
            	<span  id="nameTip"></span>
</dd>
<a  href="javascript:void(0)" onclick="save()">保存</a>
</form>

function save(){
      $("#form1").submit();
}

jQuery(document).ready(function(){
               jQuery.formValidator.initConfig({formID:"form1",submitOnce:true,debug:true,
        		onError:function(msg){
        		//alert(msg);
        		},
        		onSuccess:function(){
        			document.forms[0].submit();
        		}
        	});
        	var oncorrect = "<img src='http://image.xx.com/2009/factory/register/img/d.gif' />";
        	$("#name").formValidator({
        		tipID:"nameTip",
        		onShow:"请输入模板名",
        		onFocus:"至少4个长度",
        		onCorrect:oncorrect
        	}).inputValidator({
        		min:1, 
        		onError:"<span class=\"eos-red-text\" id=\"nameTip\">模板名不能为空,请确认</span>"
        	}).inputValidator({
        		min:4, 
        		empty:{leftEmpty:false,rightEmpty:false,emptyError:"模板名不能有空格"},
        		onError:"<span class=\"eos-red-text\" id=\"nameTip\">长度不够4，请确认</span>"
        	});
        	
        	
        	 $("#td_cat_id").formValidator({
         		tipID:"catIdTip",
         		onCorrect:oncorrect
         	}).inputValidator({
         		min:1, //select option的索引值
         		onError:"<span class=\"eos-red-text\" id=\"nameTip\">请选择栏目</span>"
         	});
        	
});