淘汰验证和Twitter引导错误CSS

Question

我正试图在这个编辑器中集成淘汰验证和twitter引导：http://jsfiddle.net/casudeo/Jbp7y/18

我想将twitter引导程序的css应用于输入错误。要做到这一点，我需要以某种方式"走到"控制组div，并在其中添加一个"error"类。有没有一种方法可以在不修改css文件的情况下实现这一点？

因多米尼克的评论而进行的补充澄清如下：1） 单击"添加"按钮添加新项目。2） 尝试使用空值保存。3） KO验证将捕获无效输入。但是，我也想应用一个"error"css类来突出显示无效字段。

Answer 1

这是一个更新的fiddle：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"绑定添加到控制组div
2. 当检测到错误时，添加对"showAllMessages（）"的调用
3. 确保errorElementClass配置设置为"error"