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

Question

我正在使用 Chosen 和 jquery valodation。
你可以看到这个例子: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();
});