jquery validate 提示信息修改

问题：项目中使用了jquery validate的验证插件，页面做的差不多了发现提示信息会使表单变形，使页面很难看

解决办法：1.让错误信息都显示在页面的最上面

<script type="text/javascript">

j(document).ready(function(){

j('#subfrm').validate({
     rules:{
   
     //金额
     'amount':{ required:true},
     
     //附言
     'addtlinf':{ MaxNText:[0,256]}
     },
            errorLabelContainer: "#summary",
        wrapper: "li"
            
     
    });

}

</script>

 

<div id="summary">
  </div>

 

 

较好的参考资料：

1.http://paskaa.iteye.com/blog/280295

2.http://blog.csdn.net/lord_is_layuping/archive/2010/02/22/5318168.aspx

3.http://www.jb51.net/article/24082.htm