在具有相同名称的字段之间移动jQuery Validate错误标签

Question

我正在使用jQuery Validate插件来验证具有相同名称的表中的多个字段。 Using this answer to another question，验证器很好地验证了所有字段，但有一个问题：错误消息始终附加在第一个无效字段上。

这是.validate函数规则上的错误位置。

        errorPlacement: function (error, element) {
            error.insertAfter(element.parent());
        },

正如我所写的this codepen所示，只有第一个同名输入字段会收到错误消息

，并且在填写完该字段后，该消息将保留在该输入字段的旁边，而错误在另一个字段中

即使所有输入错误都已解决，然后用户又犯了一个错误，消息仍停留在该框中。

如何让验证器对每个错误发送消息，如下图所示？

Answer 1

此处的代码：Code Changes

rules: {
            'name1': {
                required: true
            },
            'name2': {
                required: true
            },
            'name3': {
                required: true
            }
        },

        // Messages for form validation
        messages: {
            'name1': {
                required: 'Please enter a value'
            },
            'name2': {
                required: 'Please enter a value'
            },
            'name3': {
                required: 'Please enter a value'
            }

每个输入元素的必填字段应该唯一。