使用 jquery 验证插件来验证使用引导多选插件创建的多选框？答案

【问题标题】：Using jquery validation plugin to validate multiselect box created using bootstrap multiselect plugin?使用 jquery 验证插件来验证使用引导多选插件创建的多选框？
【发布时间】：2014-02-24 09:15:23
【问题描述】：

我正在使用 jquery 验证插件，最近我不得不在我的表单中添加多选下拉菜单。我使用了 davidstutz 引导多选插件。但是，无法验证下面的多选框是我的 html 代码，我提交时从多选框中选择了一个值，而没有提供其他表单输入，即使表单被提交，

        <select name="franchisee_course" class="multiselect" multiple="multiple"  id="franchisee_course" size="1" placeholder="Courses">

             <?php 
                  foreach($courses as $course) {
                  echo "<option value=".$course['course_id']." >".$course['course_description']."</option>";
                  }
              ?>

      </select>

还有我的调用多选，

        $('.multiselect').multiselect({

          noneSelectedText: 'Select Courses',
          includeSelectAllOption: true,
          enableFiltering: true,
          filterPlaceholder: 'Search course'

        });

这些是我的多选验证代码，

          $.validator.addMethod("needsSelection", function(value, element) {
               return $(element).multiselect("getChecked").length > 0;
          });

          $.validator.messages.needsSelection = 'Select Atleast One Course';


          franchisee_course: {

                needsSelection: true,
                required:true


      },
         ignore: ':hidden:not("#franchisee_course")', // I don't know what this line does

【问题讨论】：

标签： jquery validation twitter-bootstrap

【解决方案1】：

问题是“getChecked”参数不再做任何事情。这是验证方法的更新工作版本

$.validator.addMethod("needsSelection", function (value, element) {
    var count = $(element).find('option:selected').length;
    return count > 0;
});

【讨论】：