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

Question

这是问题所在：

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

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

这是验证代码：

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