jQuery验证：根据选定的单选按钮选择进行验证

Question

我正在尝试使用jQuery Validate Plugin（http://jqueryvalidation.org/）编写验证规则。

以下是我要做的事情：

我有单选按钮选项，询问用户是否携带陪同人员共进晚餐。

<input name="accompanyingdinner" type="radio" value="Yes" /> Yes 
<input name="accompanyingdinner" type="radio" value="No" checked/> No

当选择为“是”时，会出现一个下拉框，提供1至3人的选项以供晚餐。请求个人姓名和用餐选项的输入字段也将显示在单独的表格中。

 <table>
       <tr class="accompanyperson">
        <td>1</td>
        <td><input type="text" name="nameOfAccomPerson1" style="width:400px;"/></td>
        <td><select name="accomPersonMeal1">
            <option value="">Select Dietary Requirements</option>
            <option value="none">I have no dietary preferences</option>
            <option value="Muslim Meals">Muslim Meals</option>
            <option value="Vegetarian Meals">Vegetarian Meals</option>
           </select>
        </td>
      </tr>
</table>

在jQuery Validate方法下，我想做的是检查“nameOfAccomPerson1”和“accomPersonMeal1”的字段是否已填满，当单选按钮被选为“是”时。我还希望根据下拉框中选择的人数来检查nameOfAccomPerson2 / nameOfAccomPerson3“的其他输入字段。

关于如何编写规则的任何建议？这是我到目前为止所写的内容：

nameOfAccomPerson1: {
    depends: function(element) {
    return $("input[name=accompanyingdinner]").is("Yes");
    }
}