敲除驗證和正確的方式來清除控件

Question

我有以下代碼，它工作正常，當您在插入項目後清除屬性時，除了。錯誤馬上顯示出來。

ko.validation.configure({ 
     insertMessages: false, 
     decorateElement: true, 
     errorElementClass: 'error' 
    }); 

FirstName: ko.observable().extend({ 
      required: true 
     }), 

，我有在淘汰賽視圖模型添加方法

addItem: function() { 
      if (!viewModel.isValid()) { 
       viewModel.errors.showAllMessages(); 
       return false; 
      } else { 
       //DO SOMETHING 
       this.SomeCollection.push(newInterviewee); 
       this.FirstName(null); 
       } 
     }, 

我已經中HTML如下：

<div> 
<label>First Name</label> 
<input data-bind="value: FirstName, validationElement: FirstName, valueUpdate: 'keyup'" class="input" type="text"> 
</div> 
<div> 
<div> 
<input data-bind="click: addItem" class="button" type="button"> 
</div> 

的問題是，當我打電話this.FirstName（空）。錯誤馬上顯示！我希望只有在財產清除後按下按鈕時纔會顯示錯誤

Answer 1

這裏是由史蒂夫Greatrex提供的解決方案：https://github.com/Knockout-Contrib/Knockout-Validation/issues/210

Answer 2

我們在項目中遇到同樣的問題。我們通過強制isValid爲true來解決這個問題。

addItem: function() { 
      if (!viewModel.isValid()) { 
       viewModel.errors.showAllMessages(); 
       return false; 
      } else { 
       //DO SOMETHING 
       this.SomeCollection.push(newInterviewee); 
       this.FirstName(null); 
       viewModel.isValid(true); 
      } 
     }, 

爲了能夠做到這一點，你需要重寫ko.validation的定義計算和isValid如下：

observable.isValid = ko.computed({ 
    read: function() { 
     return observable.__valid__(); 
    }, 
     write: observable.__valid__ 
    } 
);