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

Jus*_*tin 10 jquery

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

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

这将规则应用于页面上第一个带有"小时"的文本框,但是它不会将其应用于任何其他文本框.

谁知道这里有什么问题?

谢谢,贾斯汀

Val*_*sel 10

您可以将规则添加到通配符选择器匹配的每个项目.each(),如下所示:

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

希望这可以帮助 !