4

我正在尝试在此编辑器中集成淘汰赛验证和 twitter 引导程序：http: //jsfiddle.net/casudeo/Jbp7y/18

我想将 twitter bootstrap 的 css 应用于输入错误。为此，我需要以某种方式“走到”控制组 div 并为其添加一个“错误”类。有没有办法在不修改css文件的情况下实现这一点？

由于 dominik 在下面的评论，进一步澄清：1）单击“添加”按钮添加新项目。2）尝试使用空白值保存。3) KO 验证将捕获无效输入。但是，我还想应用一个“错误”css 类来突出显示无效字段。

4

1 回答 1

7

这是一个更新的小提琴：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 配置设置为“错误”
于 2012-09-01T15:07:11.280 回答