在JQuery Validate中驗證多個“以數組命名的”文件輸入和下拉菜單

Question

我已經搜索了很多有關此信息，但尚未找到任何解決方案。 我想在JQuery validate中驗證多個名為文件的數組輸入和下拉列表。

<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驗證進行驗證。

有什么竅門嗎？

任何幫助，將不勝感激。

謝謝

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();
    }
});