必须使用 jquery 验证插件从多个下拉列表中选择至少一个下拉值

Question

我在一个表格中有多个下拉菜单，并且应该根据业务规则从表格中至少选择一个下拉菜单。我正在使用 jquery 验证插件和 jsf。 提前致谢！！ // jsf代码

div id="hoursShiftsModal">
   <table id="hoursShiftsTable">
          <col width="5%"/>
          <col width="5%"/>
           <col width="5%"/>
           <col width="5%"/>
        <thead>
        <tr>
              <th>Hours</th>
             <th>Jan</th>
             <th>Feb</th>
     </tr>
    </thead>
    <tbody>
    <tr>
     <td><label>Starting</label></td>
    <td>
    <h:selectOneMenu id="janStartTime" class="required timeZone      workShiftsGroup" >
    <f:selectItem itemValue="Select" itemLabel="Select" ></f:selectItem> 
    <f:selectItems value=" "></f:selectItems>                                                                                                                                                               
   </h:selectOneMenu>
   </td>
  <td>
   <h:selectOneMenu id="febStartTime" class="required timeZone workShiftsGroup "  >
   <f:selectItem itemValue="Select" itemLabel="Select" ></f:selectItem> 
   <f:selectItems ></f:selectItems>                                                                                                                                                               
 </h:selectOneMenu>
 </td>
</tbody>
</table>

enter image description here

Answer 1

这可能有效：它将搜索嵌套在表格中的“选定”选项。

function valid() {
    return $('#hoursShiftsTable select option[selected=selected][value!=" "]').size() > 0;
}