0

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

1 に答える 1

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/

于 2013-05-09T16:36:23.010 に答える