如何为多选框实现jQuery验证规则？

Question

这是我的html选择框（选项将来自ajax调用），具有多选功能和验证

<select id="chapterId" name="chapter[]" class="multiselect-ui form-control" multiple="multiple"></select>

$('#chapterId').multiselect({
        includeSelectAllOption: true
    });

var $validator = $("#orderPaper").validate({
            rules: {
                 'chapter[]': {required: true, min: 1},
            },
            messages: {
                'chapter[]': {required: "Please select chapter"},
            }
});

也正确包含了multiselect.js。 它每次显示错误＆＃39;请选择章节＆＃39;选择或不选择天气章节。 我还检查了章节是否正确选择我还可以选择章节ID。 但每次都会出现jquery错误。

Answer 1

您只需使用自定义验证规则。试试这个。

var $validator = $("#orderPaper").validate({
    rules: {
        'chapter[]': {required: true, needsSelection: true},
    },
    messages: {
        'chapter[]': {required: "Please select chapter", needsSelection: "Please select chapter"},
    }
});
$.validator.addMethod("needsSelection", function (value, element) {
    var count = $(element).find('option:selected').length;
    return count > 0;
});