jquery-validate - Jquery 验证器未取消突出显示 "chosen"选择框

Question

我正在使用带有 jquery valodation 的 Chosen。
你可以看到这个例子:http://jsfiddle.net/hfdBF/9/
如果您单击提交，您会看到验证对组合和输入有效。

如果您在输入框中输入一个字母，您将收到一条警告，提示该字母没有突出显示，正如它应该的那样。
但是，如果您在选择框中选择一个值，它不会被警告为未突出显示。

你知道如何让它发挥作用吗？

$(function() {

var $form = $("#form1");

$(".chzn-select").chosen({no_results_text: "No results matched"});
$form.validate({
    errorLabelContainer: $("#form1 div.error"),
    wrapper: 'div',
});

var settings = $.data($form[0], 'validator').settings;
settings.ignore += ':not(.chzn-done)';
settings.unhighlight= function(el){
   alert(el.name + " hit unhighlight")        
}

});

谢谢

Answer 1

您不需要手动进行验证。您可以将函数绑定(bind)到将检查特定选择是否有效的 change 事件处理程序。如果选择有效，这也将清除错误。

$('.chzn-select').change(function () {
    $(this).valid();
});