Translate function into a new validation rule

Translate function into a new validation rule

I wrote a function to validate a section of a form.  The intention is, when the form submit button is clicked, ensure there are at least 3 rows in the table, if the radio button with a value of true is clicked.  

Here is the basic HTML structure:

  2. <form id="MyForm" action="/" method="post">    

  4.     <div class="Question">
  5.         <div class="RadioBtns">
  6.             <input type="radio" id="Radio_Yes" name="Radio1" value="true" />Yes
  7.             <input type="radio" id="Radio_No" name="Radio1" value="false" />No
  8.         </div>
  9.         <div class="TextFields">
  10.             <input type="text" id="field1" />
  11.             <input type="text" id="field2" />
  12.             <input type="text" id="field3" />       
  13.         </div>
  14.         <table id="Table1" class="Data-Table">
  15.             <tr>
  16.                 <th>Name</th>
  17.                 <th>Age</th>
  18.             </tr>
  19.             <tr>
  20.                 <td colspan=2>No Data Entered</td>
  21.             </tr>
  22.         </table>
  23.     </div>
  24.     <p>
  25.         <input type="submit" value="Add to Database" />
  26.     </p>
  27. </form>


Here is the function:

  2.     $(document).ready(function () {
  3.         $("#SendBtn").click(function () {
  4.             var rows = $("#Table1 tr").length;
  5.             if ($("#Radio_Yes:checked") && (rows < 3))
  6.                 {
  7.                     $(this).closest("div.TextFields").css("backgroundcolor: #ff0000;");
  8.                 }
  9.             });
  10.         });

It doesn't work and not sure why, but not really a big deal because I need to translate this into a new validation rule anyway.  I am looking at doing something like:

  2. $("#TxtFld").rules("add", {
  3.        required: "#Radio_Yes:checked"
  4.     });
but that also isn't working, so some help would be great.  The other issue ios I actually have 7 ".Question" classes, so I am hoping to have one rule that will apply to all questions.

Here is the basic html structure: