0

特定のフィールドのjQuery検証エラーメッセージを非表示にするにはどうすればよいですか?

私の「お問い合わせ」ページには、4 つのテキスト ボックス、1 つのドロップダウン メニュー、1 つの がありtextareaます。ドロップダウン メニューで選択した値に応じて、最後のテキスト ボックスが表示または非表示になります。すべてのフィールドは、jQuery Validation プラグインによって検証されます。

この最後のテキスト ボックスがドロップダウン メニューの選択によって非表示になったときに、jQuery Validation エラー メッセージも非表示にしたいと考えています。

これどうやってするの？

4

1 に答える 1

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/

于 2013-01-09T01:10:26.003 に答える