Question

如何隐藏特定字段的jQuery Validation Error消息？

在我的“与我们联系”页面中，我有四个文本框，一个下拉菜单和一个textarea。根据下拉菜单中选择的值显示或隐藏我的上一个文本框。所有字段都由jQuery Validation插件验证。

现在，当通过选择下拉菜单隐藏最后一个文本框时，我也希望隐藏其jQuery Validation错误消息。

我该怎么做？

Answer 1

您可以使用add方法的remove和.rules()函数执行类似下面的示例。请参阅：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/

隐藏jQuery验证错误消息

1 个答案: