jquery - 带有数组的jQuery验证不起作用

Question

请考虑下面带有 jQ​​uery 验证代码的简单表单。不知何故，我（仍然）在规则的语法上出错，因为验证不能以这种方式工作（当我检查了有关此主题的 stackoverflow 上的一些站点时）。如何使用数组正确描述规则？

请您的帮助。

代码：

<form id="myForm" name="myForm" action="" method="post" autocomplete="on">
<label class="field2" for="productname[0]"> Product name 1 </label> <input id="productname[0]" type="text" name="productname[0]"> <br>
<label class="field2" for="productname[1]"> Product name 2 </label> <input id="productname[1]" type="text" name="productname[1]"> <br>
<input type="submit" name="submitForm" value="Submit Form">

<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/jquery.validate.js"></script>

<script>
$(function() {

    $("#myForm").validate({

    rules: {

            'productname[]': {
                required:true,
                minlength: 2,
                maxlength: 30,
            }

            } //rules
    }); //validate()

}); //function
</script>
</body>

Answer 1

我不知道你的后端是什么样的，但命名字段 [0] 和 [1] 是不必要的

<label class="field2" for="productname_1"> Product name 1 </label> <input id="productname_1" type="text" name="productname[]"> <br>
<label class="field2" for="productname_2"> Product name 2 </label> <input id="productname_2" type="text" name="productname[]"> <br>

以上应该是足够的，并且可以与验证一起使用。服务器很可能会负责将后查询字符串转换为数组。

Answer 2

似乎问题出在您的 html 标记中。尝试修改：

<label class="field2" for="productname[0]"> Product name 1 </label> <input id="productname[0]" type="text" name="productname[]"> <br />
<label class="field2" for="productname[1]"> Product name 2 </label> <input id="productname[1]" type="text" name="productname[]"> <br />