Использование плагина jQuery Validate, чтобы убедиться, что установлен хотя бы один из трех флажков
Используя плагин jQuery Validate, как я могу убедиться, что хотя бы один из трех флажков был отмечен? Лучшее, что я могу сделать на данный момент, - это установить все три флажка (а это не то, чего я хочу), и мой код для этого ниже.
Я пытался с помощьюэтот пример на демонстрационной странице jQuery Validate, но для этого необходимо, чтобы поля флажков имели одинаковые имена. Я не могу этого сделать, так как эти поля извлекаются из CMS, и каждому из них нужны разные имена.
Я хочу сохранить это в jQuery validate, так как у меня есть много других проверяемых здесь полей (вычеркнутых, чтобы сохранить этот пример чистым), и это единственный способ проверить формы с моими ограниченными знаниями JS / jQuery. Заранее спасибо за любую помощь с этим.
Вот мой HTML:
<form class="my_form" method="post" action="/" >
<div><ul class="form_errors"></ul></div>
<label><input class="my_checkbox_group" id="my_checkbox_1" name="my_checkbox_1[]" type="checkbox" value="Yes"> My checkbox 1</label>
<label><input class="my_checkbox_group" id="my_checkbox_2" name="my_checkbox_2[]" type="checkbox" value="Yes"> My checkbox 2</label>
<label><input class="my_checkbox_group" id="my_checkbox_3" name="my_checkbox_3[]" type="checkbox" value="Yes"> My checkbox 3</label>
<input type="submit" value="Submit" />
</form>
Вот мой JS:
$(".my_form").validate({
errorLabelContainer: ".form_errors",
wrapper: "li",
rules: {
'my_checkbox_1[]': { required: true },
'my_checkbox_2[]': { required: true },
'my_checkbox_3[]': { required: true }
},
messages: {
'my_checkbox_1[]': "This field is required",
'my_checkbox_2[]': "This field is required",
'my_checkbox_3[]': "This field is required"
}
});