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

时间:2017-03-28 20:02:32

标签: javascript jquery html jsf

我在表格中有多个下拉列表,并且应根据业务规则选择表格中的至少一个下拉列表。我正在使用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

1 个答案:

答案 0 :(得分:0)

这可能有用:它会搜索嵌套在表格中的“选定”选项。

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