jquery 仅当另一个字段具有特定值时才验证字段 equalTo 元素

Question

使用 jquery 验证插件，我使用规则 equalTo 来验证字段，如下所示:

$('#booking').validate({

ignoreTitle: true, 
rules: {
    payments: {
        equalTo: {
            param: "#sales",
            depends: function(element) { return $("#status").val() == 'invoiced'; }
        }
    },

}
});

我可以让它工作，但现在我只希望仅当选择选项是特定值时才应用此规则。我对此迷失了方向，不知道如何使 equalTo 规则可选依赖于另一个字段值

我看到了依赖规则，但找不到任何相关文档

谁能给我指点一下吗？

我创建了一个 jsfiddle 来帮助:

http://jsfiddle.net/longestdrive/SneAF/2/

谢谢

更新:我已经尝试了依赖但没有按预期工作:

还发现了一些类似/重复的问题: jQuery Validation - require field only if another field is filled和 jQuery validation depends

Answer 1

您的depends-规则中存在一些错误:

1. 您需要使用另一个选择器来获取当前选定的选项:
   $("#status option:selected")
2. 您的从属选项的值为已开票，而不是已开票

这是最终结果(正如 RobM 提到的，您甚至可以指定更准确的错误消息:

<强> Fiddle

$('#booking').validate({
    ignoreTitle: true, 
    rules: {
        payments: {
            equalTo: {
                param: '#sales',
                depends: function(element) { 
                    return $("#status option:selected").val() == 'invoiced'; 
                }
            }
        }
    },
    messages: {
        payments: {
            equalTo: "Payments must equal Sales when Status is 'Invoiced'."
        }
    }

});