jQuery - 动态添加验证规则到多个文本框

Question

我正在尝试动态地将验证规则添加到多个文本框。这是js:

            //validate form.
            $("#SubmitForm").validate();
            $("input[id*=Hours]").rules("add", {
                number: true,
                messages: {
                    number: "Please enter a valid Hours"
                }
            });

这会将规则应用于页面上 ID 为“Hours”的第一个文本框，但不会将其应用于任何其他文本框。

有人知道这里出了什么问题吗？

谢谢， 贾斯汀

Answer 1

您可以将规则添加到与通配符选择器匹配的每个项目 .each() ，像这样:

$("#SubmitForm").validate();
$("input[id*=Hours]").each(function() {
    $(this).rules("add", {
        number: true,
        messages: {
            number: "Please enter a valid Hours"
        }
    });
});

希望这有帮助!