1

请考虑下面带有 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>
4

2 回答 2

2

我不知道你的后端是什么样的,但命名字段 [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>

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

于 2013-07-19T07:42:12.810 回答
0

似乎问题出在您的 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 />
于 2013-07-19T07:42:22.980 回答