淘汰賽驗證和Twitter的引導錯誤CSS

Question

我試圖淘汰賽驗證和Twitter的引導整合在此編輯器：http://jsfiddle.net/casudeo/Jbp7y/18

我想申請Twitter的引導的CSS輸入錯誤。要做到這一點，我需要以某種方式「向上走向」控制組div，併爲其添加一個「錯誤」類。有沒有辦法實現這一點，而無需修改css文件？

由於dominik的意見如下： 1）單擊「添加」按鈕添加一個新的項目。 2）嘗試保存空白值。 3）KO驗證會捕獲無效輸入。不過，我也想應用一個「錯誤」CSS類來突出顯示無效字段。

Answer 1

這裏是一個更新的小提琴：http://jsfiddle.net/jearles/Jbp7y/147/

HTML

<div><button data-bind="click: clickMe">Click Me!</button></div> 

JS

var ViewModel = function() { 
    var self = this; 
    self.clickMe = function(data,event) { 
     var target; 

     if (event.target) target = event.target; 
     else if (event.srcElement) target = event.srcElement; 

     if (target.nodeType == 3) // defeat Safari bug 
     target = target.parentNode; 

     target.parentNode.innerHTML = "something"; 
    } 
} 

ko.applyBindings(new ViewModel()); 

的事情，我改變了：

1. 增加 'validationElement' 綁定到控制-group divs
2. 呼叫添加到「showAllMessages（）」中檢測到錯誤時
3. 確保errorElementClass配置設置爲「錯誤」