jQuery驗證插件 - 挑戰你解決這個問題（幫助？）

Question

夠簡單，爲什麼heck不工作...？ jQuery 1.6.2也包含在頭部以上。這不是觸發驗證，現在它只是直接通過，並說「已提交」，甚至沒有驗證字段。

在頭驗證：

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js" type="text/javascript"></script> 
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/additional-methods.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
$("#newcontract").validate({ 
    rules: { 
     rec_name: { 
      required: true 
     } 
    }, 
    messages: { 
     rec_name: { 
      required: 'You need to enter a contract receiver.' 
     } 
    }, 
    submitHandler: function() { 
    alert("Submitted!"); } 
}); 
}); 
</script> 

形式命名newcontract，所以我缺少什麼：

<form name="newcontract" id="newcontract" method="post"> 
    <input type="text" name="rec_name" id="rec_name" size="42" class="required"/> 
    <tr><td class="submit" colspan="3"><input type="submit" name="savelisting" id="savelisting" value="Save New Contract" /></td></tr> 
</form> 

這是怎麼回事？它不會驗證此文本字段。幫幫我！！

更新：上面的代碼按預期工作。這個問題在於我刪除了包裝表單的表格，而驗證插件跳過了表單。只要我把表格移到我的HTML表格之外，它就可以正常工作。

Answer 1

不良使用tr標籤。

<form name="newcontract" id="newcontract" method="post"> 
<input type="text" name="rec_name" id="rec_name" size="42" class="required"/> 
<p class="submit"><input type="submit" name="savelisting" id="savelisting" value="Save New Contract" /></p> 
</form> 

第一步，製作正確的html格式。