如何删除错误类使用jQuery验证？ [英] How to remove error class using jQuery Validate?

问题描述

我有一个窗体，使用jQuery Validate插件为一组复选框添加一个错误类到父div。但是，当选中复选框时，将删除错误类，但仍保留CSS样式。任何想法我做错了什么？

I have a form that adds an error class to the parent div for a set of checkboxes using the jQuery Validate plugin. However, when a checkbox is selected, the error class is removed but the CSS styling remains. Any ideas what I'm doing wrong?

示例： http： //jsfiddle.net/qK3SC/

HTML：

<form name="itemForm" id="itemForm" method="post">
<div id="boxes">
    <input type="checkbox" id="check1" class="require-one" value="1" /> Item #1
    <input type="checkbox" id="check2" class="require-one" value="2" /> Item #2
</div>
<div id="freetext">
    <input type="text" class="required" />
</div>
<input type="submit" />
</form>

Javascript：

Javascript:

$.validator.addMethod('require-one', function(value) {
    return $('.require-one:checked').size() > 0;
}, 'Please check at least one box.');

var checkboxes = $('.require-one');
var checkbox_names = $.map(checkboxes, function(e, i) {
    return $(e).attr("name")
}).join(" ");

$("#itemForm").validate({
    groups: {
        checks: checkbox_names
    },
    errorPlacement: function(error, element) {
        if (element.is(':checkbox')) {
            $(element).parent('div').addClass('checkbox-error');

        }
        return true;
    }
});

UPDATE：

我能够使用突出显示/取消高亮方法来获取错误类为复选框工作，但现在我的其他元素的错误类不工作（即文本输入和下拉列表）。请参阅： http://jsfiddle.net/qK3SC/7/

推荐答案

结合逻辑。

http://jsfiddle.net/qK3SC/13/

这篇关于如何删除错误类使用jQuery验证？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！