Задайте собственное сообщение об ошибке, используя собственные правила плагина проверки нокаута

Я использую Asp.net MVC3 и библиотеку knockoutjs. Мне нужно выполнить некоторую проверку на стороне клиента. Я изучаю плагин проверки нокаута.

Итак, я объявляю следующее ko.observable значение в моем js-коде:

 var numberValue = ko.observable().extend({ number: true })

Это моя часть взгляда:

<input data-bind = "value: numberValue " />

Когда пользователь вводит какое-то значение, которое не является числом, отображается сообщение об ошибке: "Пожалуйста, введите число". Могу ли я отображать другое сообщение об ошибке, но все еще использую собственные правила? Я не хочу писать пользовательскую логику проверки только для этого. Любая помощь с некоторым рабочим примером будет с благодарностью. Спасибо!

Ответы

Ответ 1

Вот код, который создает расширители проверки.

addExtender: function (ruleName) {
    ko.extenders[ruleName] = function (observable, params) {
        //params can come in a few flavors
        // 1. Just the params to be passed to the validator
        // 2. An object containing the Message to be used and the Params to pass to the validator
        //
        // Example:
        // var test = ko.observable(3).extend({
        //      max: {
        //          message: 'This special field has a Max of {0}',
        //          params: 2
        //      }
        //  )};
        //
        if (params.message) { //if it has a message object, then its an object literal to use
            return ko.validation.addRule(observable, {
                rule: ruleName,
                message: params.message,
                params: params.params || true
            });
        } else {
            return ko.validation.addRule(observable, {
                rule: ruleName,
                params: params
            });
        }
    };
},

Как вы можете видеть, все расширения могут получать объект params или литерал объекта с параметрами и настраиваемым сообщением. Так что в вашем случае.

var numberValue = ko.observable().extend({ number: { 
    message: "some custom message", 
    params: true 
} })

Надеюсь, что это поможет.

Ответ 2

вы можете просто добавить свойство validate, подобное этому

 emailAddress: ko.observable().extend({  // custom message
        required: { message: 'Please supply your email address.' }
    }),

Ответ 3

Существующие ответы верны. Однако, если вы хотите изменить сообщение для валидатора, который уже принимает другие параметры, вы должны обернуть эти существующие параметры в новый объект с именем params.

ko.observable().extend({
    unique: {
        params: {
            collection: foo,
            valueAccessor: function(item) {
                return item.bar();
            }
        },
        message: 'some custom message'
    }
}