jquery - 使用jQuery验证器插件，如何使用动态创建的名称属性来分配规则？

Question

问题是这样的:

我们使用的电子商务系统会为购买的每个产品生成一个订单项。当订单项在页面中向下移动时，它为订单项的数量输入提供名称属性“qty0”、“qty1”、“qty2”等。

我需要检查这些 qtyX 输入的有效性，但我不知道如何将名称属性作为另一个属性(如类)的相对属性传递，或者将正则表达式传递给验证插件以查找所有数量字段。

这是验证代码:

var validator = $("#formName").validate({
    rules: {
        qty: { customMethod: true}// qty
        },//rules

    messages: {
        qty: {customMethod: "NOPE"}
    },

    errorPlacement: function(error, element) {
            error.appendTo("#itemQuantityError");
    },

});

以下是生成的输入示例:

<td ><input name="qty1" value="6" size="5"></td>

谢谢!!

Answer 1

您可以动态生成规则和消息:

var rules = new Object();
var messages = new Object();
$('input[name^=qty]:text').each(function() {
    rules[this.name] = { required: true };
    messages[this.name] = { required: 'This field is required' };
});

var validator = $("#formName").validate({
    rules: rules,
    messages: messages,
    errorPlacement: function(error, element) {
        error.appendTo("#itemQuantityError");
    }
});