JQuery Validation插件 - webkit浏览器中的下拉列表在模糊之前不会显示验证更改

Question

我有一个下拉列表，其中第一个选项的字符串值为空，文本中则显示“请选择一个选项”。我正在使用Jquery验证插件1.7（来自bassistance.de），并希望在用户选择其中一个具有值的选项之前无效。

尝试提交后，我的无效输入正确点亮。在IE 8和Firefox 3.6中，当我从下拉列表中选择一个有效值时，一旦选择了有效值，验证消息就会消失。如果我按预期选择“请选择一个选项”项，它会重新出现。但是，在Safari和Chrome（Webkit浏览器）中，在下拉列表失去焦点之前，验证消息不会显示/消失。

有没有人知道这方面的解决方法？

谢谢， 保罗

Answer 1

我想出了这个，我试图避免 - 它有效，但我希望插件给了我选项。

$('#state').change(function () {
    $('#contact-form').validate().element('#state');
});