jquery - 创建表单后添加 jquery 验证

Question

我正在使用 jquery validation plugin

首先，我将验证添加到表单中:

$('#EmployeeForm').validate({
        rules: {
            "Employee.FirstName": "required",
            "Employee.PatronymicName": "required",
            "Employee.LastName": "required",
            "Employee.BirthDay": { required: true, date: true }
        },

        messages: {
            "Employee.FirstName": { required: "*" },
            "Employee.PatronymicName": { required: "*" },
            "Employee.LastName": { required: "*" },
            "Employee.BirthDay": { required: "*", date: "00.00.00 format" }
        }
    });

到这里为止一切正常。然后我需要向其他表单元素添加验证规则:

$('#Address_A.Phone1, #Address_A.Phone2, #Address_B.Phone1, #Address_B.Phone2')
            .rules("add", {
                digits: true
            });

这里出现错误:'form' 为 null 或不是对象

我检查了一下，在向表单添加验证之前，已创建表单及其中的所有元素。
我不知道出了什么问题。

Answer 1

只是猜测 Address_A.Phone1 是您元素的 ID？

如果是的话，我猜你的问题来自于你在元素 id 中使用 . 。但 jQuery 无法理解，例如#Address_A.Phone1 为给我带有 id Address_A.Phone1 的元素，但会将此选择器解释为:给我带有 id Address_A 的元素，其中包含类Phone1。

但实际上这并不能解释错误。您可以附加此错误发生在哪一行吗？它是在您的代码中还是在插件代码中？如果在插件内的哪一行