Question

我有一个表单，用户可以在其中添加他打算购买/出售的商品。我所拥有的相应验证规则如下：

rules: {
                'items[][name]': {
                    required: true
                },
                'items[][description]': {
                    required: true
                },
                'items[][rate]': {
                    required: true,
                    number: true
                },
                'items[][quantity]': {
                    required: true,
                    number: true
                }
        }
errorPlacement: function (error, element) {
                error.appendTo('#' + element.attr('id') + '_error');
            }

现在，用户还可以向表单添加新项目。为此，我克隆第一行并将其追加到最后一行。相应的代码如下：

var $clone = original.clone().removeAttr('id'); // original is the initial first row of items
                    $clone.find(':text') // get the text inputs
                        .val('') // reset their values
                        .removeClass('error'); // remove the error classes if any    

    /*
    * I have an error span corresponding to each input where I display the errors.
    * Here, i get the input and span elements, split them in two groups, then 
    * add a random seed to each of them to get a unique id to be used by jQuery errorHandler to place the error
    */
                    var $formElements = $clone.find('input:text, span'),
                        $even = $formElements.filter(':even'),
                        $odd = $formElements.filter(':odd');

                    for (var i = 0; i < $even.length; i++) {
                        var idParts = $($even[i]).attr('id').split('__');
                        var seed = Date.now();

                        $($even[i]).attr('id', idParts[0] + seed + '_' + idParts[1]);
                        $($odd[i]).attr('id', idParts[0] + seed + '_' + idParts[1] + '_error');
                    }

我的问题是：

- ＆GT;仅验证静态创建的第一个项目行。

我知道jQuery验证器需要每个字段的唯一名称。但是，在这种情况下，我需要一系列项目。无论如何，即使是新创建的项目字段也具有相同的名称，所以不应该自动验证它们吗？

如果没有，那么维护项目数组的工作是什么？

提前致谢。

Answer 1

然后通过维护一系列项目来解决什么问题呢？

他们必须每个都有一个唯一的name。因此，当您创建它们时，请使用name上的索引，就像您在id上所做的那样......

item[1], item[2], etc.

另外，当您创建它们时，您可以使用the .rules('add') method将规则添加到每个元素。

换句话说，你不能简单地克隆它们并期望一切都能自动发挥作用。

动态输入数组元素的JQuery验证

1 个答案: