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)" οnclick="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>"
});
});