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

Question

使用 jquery validate 插件我使用规则 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-rule 中有一些错误：

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

这是最终结果（正如 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'."
        }
    }

});