マルチセレクション・ボックスの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が適切に含まれています。 「章を選択してください」と選択されたかどうかにかかわらず、その都度エラーが表示されます。 また、チャプターが適切に選択されていることを確認しました。選択したチャプター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; 
});