これは、複数選択機能と検証を備えた私の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 エラーが毎回表示されます。
カスタム検証ルールを使用する必要があるだけです。これで試してください。
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;
});
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加