javascript - knockout 验证自定义规则不起作用

Question

我无法使自定义规则发挥作用。恐怕我无法理解一些基本的东西。在此示例中，b、bvm 和 berr 均按 required 扩展器的预期进行验证。针对我的自定义扩展器 foo、a、avm 和 aerr 不会按预期失败验证。

从 validator 中调用 console.log() 表明验证器没有被触发。我能够触发验证器函数的唯一方法是在 init 之后调用 ko.registerExtenders (尽管没有理由这样做，但 registerExtenders 是通过以下方式启用的)默认值。如果调用它，当我引用创建可观察数组的扩展器时，会触发validator。

Here's my fiddle.

ko.validation.init({
    grouping: {
        deep: true,
        live: true,
        observable: true
    }
});

ko.validation.rules['foo'] = {
    validator: function(arr) {
        if (!arr.length) {
            return false;
        } else {
            return true;
        }
    },
    message: 'Please foo.'
};
var a = ko.observableArray().extend({ foo: true });
var avm = ko.validatedObservable({
    a: a
});
var aerr = ko.validation.group([a]);

var b = ko.observableArray().extend({ required: true });
var bvm = ko.validatedObservable({
    b: b
});
var berr = ko.validation.group([b]);    

Answer 1

init 的放置并不像在自定义扩展程序之后调用 registerExtenders 那样重要。如果您省略该行，则自定义扩展程序将被忽略，正如您所经历的那样。

https://jsfiddle.net/c7xynchp/12/

var log = console.debug.bind(console, '[Debug]');
ko.validation.rules['foo'] = {
    validator: function(arr) {
        log('validator', arguments);
        if (!arr.length) {
            log('invalid');
            return false;
        } else {
            log('valid', arr);
            return true;
        }
    },
    message: 'Please select at least one vendor.'
};
ko.validation.registerExtenders();
var a = ko.observableArray().extend({ foo: true });
var avm = ko.validatedObservable({
    a: a
});
var aerr = ko.validation.group([a]);

var b = ko.observableArray().extend({ required: true });
var bvm = ko.validatedObservable({
    b: b
});
var berr = ko.validation.group([b]);
ko.validation.init({
    grouping: {
        deep: true,
        live: true,
        observable: true
    }
});

log('a', a.isValid());
log('avm', avm.isValid());
log('aerr', aerr());
log('b', b.isValid());
log('bvm', bvm.isValid());
log('berr', berr());

// just for laughs
log('aberr', ko.validation.group([a,b])());