jquery - jquery动态验证规则忽略消息

Question

使用 JQuery Validation 插件，我编写了以下内容，但发现显示的是默认验证消息而不是我的自定义消息（我在其他验证中使用了该常量，所以知道它有效！）。我错过了什么？

$("#pageform").validate();
$("input[id^=displayName]").each(function() {
    $(this).rules("add", {
        maxlength: AGHOSTMOBILEADMIN_VALIDATION.constants.displayNameMaxLength,
        messages: {
            maxLength: AGHOSTMOBILEADMIN_VALIDATION.format.displayName
        }
    });
});
$("input[id^=navigationLabel]").each(function() {
    $(this).rules("add", {
        maxlength: AGHOSTMOBILEADMIN_VALIDATION.constants.navigationLabelMaxLength,
        messages: {
            maxLength: AGHOSTMOBILEADMIN_VALIDATION.format.navigationLabel
        }
    });
});

Answer 1

尝试这个..

messages: {
            maxLength: AGHOSTMOBILEADMIN_VALIDATION.format.navigationLabel
        }

至

messages: {
            maxlength: AGHOSTMOBILEADMIN_VALIDATION.format.navigationLabel
        }

注意 MaxLenth 改为 maxlength（L 变为 l）

所以完整的代码应该看起来像

$("#pageform").validate();
$("input[id^=displayName]").each(function() {
    $(this).rules("add", {
        maxlength: AGHOSTMOBILEADMIN_VALIDATION.constants.displayNameMaxLength,
        messages: {
            maxlength: AGHOSTMOBILEADMIN_VALIDATION.format.displayName
        }
    });
});
$("input[id^=navigationLabel]").each(function() {
    $(this).rules("add", {
        maxlength: AGHOSTMOBILEADMIN_VALIDATION.constants.navigationLabelMaxLength,
        messages: {
            maxlength: AGHOSTMOBILEADMIN_VALIDATION.format.navigationLabel
        }
    });
});

这是工作代码

http://jsfiddle.net/cnrD3/