JQuery驗證插件 - 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'); 
});