驗證輸入值，如果它是錯誤的比設置默認

Question

我想寫我的輸入字段值的驗證。 如果該值是錯誤的，那麼我想設置一個默認值。 不幸的是，它正在檢查它，設置默認值，然後設置錯誤的值。 我正在嘗試使用擴展驗證。在我嘗試使用「訂閱」之前，卻又沒有成功。這裏是我的例子場景

在輸入開始我有0.56 我改變它爲0.95。因此，擴展程序檢查0.95是否超過0.85，並將值更改爲0.85。不幸的是在我的情況下仍然是0.95。我增加了一些警告後目標（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; 
};