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插件rules，您必须使用name元素的属性作为选择器。这是因为在规范中，name参数是唯一必须使用的标识属性。所有其他都是可选的。

相反，您需要将规则单独应用于元素，如下所示：

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

Answer 2

采用：

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