jquery - ラジオボタンをクリックした後のテキストエリアの検証

Question

次のコードがあります。

$.metadata.setType("attr", "validate");
$(document).ready(function(){
    $("#form1").validate({
        rules: {
            $("#comment"): {
                required: "#welcome:checked"
            }
        }, debug:true
    });
    $("#welcome").click(function() {
        $("#comment").valid();
    });
});

id フィールドの代わりにテキスト領域の名前を入力した場合にのみ機能します (コード 5 行目#comment)。id で検証する方法は?

Answer 1

オブジェクトでvalidateプラグインを初期化することにより、エレメントの属性をセレクターとして使用する必要があります。これは、仕様では、パラメーターが使用する必要がある唯一の識別属性であるためです。その他はすべてオプションです。rulesnamename

代わりに、次のように、要素に個別にルールを適用する必要があります。

$('#form1').validate();
$('#comment').rules('add', { 
    required: $('#welcome').is(':checked')
});
$('#welcome').click(function() {
    $("#comment").valid();
});

Answer 2

使用する：

$("#comment").rules("add", { 
  required: $("#welcome").is(':checked')
});