jQuery Validate - 重复字段的规则和消息

Question

我有一个表单，其中一部分是重复的。因此，输入字段的名称是一组字段的一部分。例如:

<input type="text" name="order[line1][address1]" id="address1_line1"> 
<input type="text" name="order[line2][address1]" id="address1_line2">

当使用 jQuery 验证插件 ( https://jqueryvalidation.org ) 时，我找不到为这些字段设置规则和消息的方法，例如:

$("#registration-form").validate({
        rules: {
            order[*][address1]: "required",
        },
        messages: {
            order[*][address1]: "Please enter an address",

        }
    }); 

.. 其中 * 为通配符。

我可以向输入添加所需的标签，如下所示:

<input type="text" name="order[line1][address1]" id="address1_line1" required>

...但我仍然无法将自定义消息添加到验证中。

感谢任何人的帮助。

Answer 1

您不能直接执行此操作...

$("#registration-form").validate({
    rules: {
        order[*][address1]: "required",
    },
    messages: {
        order[*][address1]: "Please enter an address",

    }
});

...因为插件正在查找元素的确切名称，而不是通配符选择器。

但是，使用the .rules('add') method与 a "contains" selector 结合和 a jQuery .each() ，您可以执行类似的操作，这会将 required 规则应用于包含 "address"...

的所有字段名称

$('[name*="address"]').each(function() {
    $(this).rules('add', {
        required: true,
        messages: {
            required: "Please enter an address"
        }
    });
});