Я пытаюсь проверить несколько флажков с помощью JQuery validate.Если выбрано менее 2-х флажков, строка должна быть выделена красным цветом, это прекрасно работает с исходным вложением, и пользователь получает сообщение об ошибке с выделенной строкой или галочкой, если выбрано 2 или более
Проблема в том, когда пользователь меняет там первоначальный выбор.Я проверяю форму по мере того, как пользователь перемещается по ней, поэтому, если выбор изменяется с 2 на 1, строка no не должна повторно выделять то, чего не происходит, хотя сообщение об ошибке обновляется.Есть ли способ добавить класс ошибок обратно в строку.
<li id="li_bit001" class="radiocheck checkboxShowHide">
<h2 class="label">Required Check box</h2>
<div>
<span>
<input name="chk_bit001" type="checkbox" id="chk_bit001" class="{required:true, minlength:2, messages:{required:'Please select atleast 2 checkbox'}}" /><label for="chk_bit001" class="width-xs">Yes</label>
</span>
<span>
<input name="chk_bit001" type="checkbox" id="chk_bit002" /><label for="chk_bit002" class="width-xs">No</label>
</span>
<span>
<input name="chk_bit001" type="checkbox" id="chk_bit003" /><label for="chk_bit003" class="width-xs">Maybe</label>
</span>
<span>
<input name="chk_bit001" type="checkbox" id="chk_bit004" /><label for="chk_bit004" class="width-xs">Whatever</label>
</span>
</div>
<span class="errorlabel"></span>
</li>
$("#form1").validate({
debug: true,
highlight: function(element, errorClass) {
$(element).closest('li').addClass('error-row');
},
unhighlight: function(element, errorClass) {
$(element).closest('li').removeClass('error-row');
},
submitHandler: function() { return false; },
success: "valid",
errorPlacement: function(error, element) {
error.appendTo(element.closest('li').find('.errorlabel'))}
});