javascript - 在 JQuery Validate 中验证多个 "array named"文件输入和下拉列表

Question

我对此进行了很多搜索，但尚未找到任何解决方案。我想在 JQuery 验证中验证多个名为文件输入和下拉列表的数组。

<td> <input type="text" class="times" name="times[]" /> </td>
</tr>
<tr>
<td> <input type="text" class="times" name="times[]" /> </td>
</tr>
<tr>
<td> <input type="text" class="times" name="times[]" /> </td>
</tr>

我添加了如下的 JQuery 验证代码:

$("#formname").validate(
    {
    rules:{
        times:{required:true, digits:true}
    }}
    );

但它仅验证第一个输入并仅显示错误消息，无论是否输入第二个或第三个输入字段。

我不想更改此“times[]”名称，因为功能取决于此名称。只有我想使用 JQuery validate 进行验证。

有什么技巧可以做到这一点吗？

如有任何帮助，我们将不胜感激。

谢谢

Answer 1

该插件不能很好地处理同名字段。以下是我在应用程序中解决该问题的方法。

我给所有重复字段指定了不同的名称，并将验证方法名称放在类中。

<td> <input type="text" class="times required digits" name="times[0]" /> </td>
</tr>
<tr>
<td> <input type="text" class="times required digits" name="times[1]" /> </td>
</tr>
<tr>
<td> <input type="text" class="times required digits" name="times[2]" /> </td>
</tr>

您可以在提交之前删除索引，代码如下:

$("#formname").validate({
    ...
    submitHandler: function(form) {
        $(form).find(":input[name*='[']").each(function() {
            this.name = this.name.replace(/\[\d+\]/, '[]');
        }
        form.submit();
    }
});