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