jquery - 如何在基于 DIV 的选择表单元素上使用 jQuery Validate 来处理多个字段

Question

嗨，我已经提到了 this用于下拉框验证。如果我有多个下拉列表，则它仅适用于一个下拉菜单，这意味着它无法正确显示

$(document).ready(function () {
    $('.default').dropkick();
    $('.example_form').validate({
        highlight: function (element, errorClass) {         
            $(element).siblings('.dk_container').addClass('error');  
            $('.dk_toggle').css('border', 'none');
        },
        unhighlight: function(element, errorClass) {
            $(element).siblings('.dk_container').removeClass('error');  
            $('.dk_toggle').css('border', '1px solid #ccc');
        }
    });
});

这是一个fiddle

如何突出显示每个字段的错误

Answer 1

试试这个 fiddle :

http://jsfiddle.net/yWANA/5/

现已修复。

问题出在您编写的突出显示代码上。

如果你在高亮中写警报，你会发现它只会出现错误

这是一些代码:

 $(document).ready(function () {
$('.default').dropkick();
$('.example_form').validate({
    highlight: function (element, errorClass) {   
         $(element).prev().addClass('error');
         //$(element).prev().addClass('error'); 
         $('.dk_toggle').css('border', 'none');
    },
    unhighlight: function(element, errorClass) {
        $(element).prev('.dk_container').removeClass('error');  
        $('.dk_toggle').css('border', '1px solid #ccc');
    }
});

});