验证输入值，如果错误则设置默认值

Question

我正在尝试编写对输入字段值的验证。 如果值错误，那么我想设置一个默认值。 不幸的是，它正在检查它，设置默认值，然后设置错误的值。 我正在尝试使用扩展器验证。在我尝试使用“订阅”但再次没有成功之前。这是我关于场景的示例

在输入开始时我有 0.56 我将其更改为 0.95 。所以扩展器正在检查 0.95 是否大于 0.85，并将值更改为 0.85。不幸的是，在我的情况下仍然是 0.95。我在 target(0.85) 之后添加了一些警报，我可以看到该值正在更改为 0.85，但之后又是 0.95。

知道我做错了什么吗？

这是我的代码

ko.extenders.checkInput = function (target) {

    var result = ko.computed({
        read: target,
        write: function (newValue) {

            if (newValue > 0.85) {
                target(0.85);
            } 

         });

    //return the new computed observable
    result(target());

    return result;


};

self.inputValue = ko.observable(0.56).extend({ checkInput: '' });

Answer 1

如果值没有更改，您需要使用 notifySubscribers 并将计算扩展为始终通知更改（根据 knockout documentation on extenders）：

ko.extenders.checkInput = function(target, option) {
    var result = ko.computed({
        read: target,
        write: function(newValue) {
            var current = target(),
            valueToWrite = Math.min(newValue, 0.85);
            if (valueToWrite !== current) {
                target(valueToWrite);
            } else {
                if (newValue !== current) {
                    target.notifySubscribers(valueToWrite);
                }
            }
        }
    }).extend({ notify: 'always' });
    result(target());

    return result;
};

http://jsfiddle.net/w017dc50/

Answer 2

如果值通过验证，则不会更新 target。试试这个：

ko.extenders.checkInput = function (target) {

    var result = ko.computed({
        read: target,
        write: function (newValue) {
            target(Math.min(newValue, 0.85));
        }
    });

    //return the new computed observable
    result(target());

    return result;
};