Question

我正在尝试使用jquery数据属性验证选择字段，这样您必须选择3个字段。这是我的尝试，但它不起作用

 <div class="form-group">
              <label class="col-sm-3 control-label">Flowers</label>
              <div class="col-sm-9">
                <select id="flowers" name="flowers"  class="form-control" size="5" multiple="multiple" data-rule-required="true" data-msg-required="comment field is required." data-rule-min="3" data-msg-min="pick 3">
                  <option value="lily">Lily</option>
                  <option value="jasmine">Jasmine</option>
                  <option value="daisy">Daisy</option>
                  <option value="iris">Iris</option>
                  <option value="rose">Rose</option>
                </select>
                <label class="error" for="flowers"></label>
              </div>
            </div><!-- form-group -->

任何建议非常感谢

编辑：同样，当我问这个问题时，我也可以问一下是否有人使用数据属性的正则表达式的例子。谢谢:)）

Answer 1

我知道也许你正在寻找带有bootstrap的原生解决方案。我只是通过bootstrap-multiselect插件使用这种方式。看看也许可以帮到你。

Answer 2

if ($('#flowers option:selected').length < 3){
   alert('Please select 3 or more options');
   return false;
}

jquery validate和bootstrap - 选择字段选择多个选项

2 个答案: