Question

我正在使用jQuery validate插件来验证我的表单。我想将几对字段组合在一起，这样如果一个字段有一个值，另一个字段也需要有一个值。基本上两个字段（两个文本输入）必须都具有值或两者都没有值。有人知道一个很好的方法来实现这个目标吗？

Answer 1

如果您查看documentation page中的“规则”部分的示例代码，则可以设置depends字段。

类似下面的内容（这是我的头脑，没有经过测试）：

...
secondInput: {
    required: function(element){
            return $("#firstInput").val()!="";
        }
}
....

Answer 2

为了澄清这一点，我最终根据Erico的回答做了什么：

    firstInput: {
        required: function(element){
            return $("#secondInput").val().length > 0;
        }
    },
    secondInput: {
        required: function(element){
            return $("#firstInput").val().length > 0;
        }
    }

现在每个输入都依赖于另一个输入，只有在另一个输入有值时才需要输入。

Answer 3

如果您想在没有插件的情况下进行验证

if ((field1 && !field2) || (!field1 && field2)) {

   // error message

}

如果另一个字段有值，则jQuery验证插件需要字段，反之亦然

3 个答案: