隱藏jQuery驗證錯誤消息

Question

如何隱藏特定字段的jQuery驗證錯誤消息？

在我的「聯繫我們」頁面中，我有四個文本框，一個下拉菜單和一個textarea。根據在下拉菜單中選擇的值，我的最後一個文本框顯示或隱藏。所有字段都通過jQuery驗證插件進行驗證。

現在當這個最後一個文本框被隱藏的選擇下拉菜單我想隱藏它的jQuery驗證錯誤消息也。

我該怎麼做？

Answer 1

您可以通過使用.rules()方法的add和remove函數來執行下面的示例。請參閱：http://docs.jquery.com/Plugins/Validation/rules#.22add.22rules

$('form').validate({ 
    // your other rules and options 
}); 

var ruleSet = { 
    required: true, 
    minlength: 5 
} 

$('#field').rules("add", ruleSet); 

$('button').click(function() { 
    display = $('#field').css('display'); 
    if (display == 'none') { 
     $('#field').show().rules("add", ruleSet); // show the field and add the rule set 
    } else { 
     $('#field').next('label').remove(); // remove any outstanding message 
     $('#field').hide().rules("remove", ruleSet); // hide the field and remove the rule set 
    } 
}); 

工作演示：

http://jsfiddle.net/jqg7s/