jQuery Validation Plugin - これを理解するように挑戦します（助けてください）

Question

シンプルで、なぜこの仕事は...？ JQuery 1.6.2もこれに含まれています。バリデーションをトリガーしていません。フィールドを検証しなくてもすぐに "Submitted"と言うだけです。

頭の中で検証：起こって

<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> 

何：

<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命名されましたか？このテキストフィールドは検証されません。助けて！！

更新：上記のコードは期待どおりに機能します。この問題は、フォームをラップしていたテーブルを削除したことで嘘をつきました。また、検証プラグインはフォームをスキップしていました。 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形式を作成します。