Javascript 敲除装饰输入元素配置

我无法使decorateInputElement在这个非常基本的示例上工作：

HTML CSS

---

通常，当字段为空但未发生任何事情时，应应用validationElement类（但insertMessages可以工作）。有什么想法吗？

请不要使用来自cdnjs的验证插件：它很旧，而且很安全

如果您使用来自github:的最新版本的插件，那么您的代码工作正常：请参阅此更新的

附带说明：您可以在cdnjs版本中使用此功能，但其中的配置属性名为

decorateElement

，因此您需要编写：

ko.validation.init({
   insertMessages: false,
   decorateElement: true
});

---

演示。

请不要使用来自cdnjs的验证插件，它是obsolite并且充满了bug。使用github的最新版本：谢谢。你能不能把这个作为一个答案，这样我就可以验证它？

$(function() {
  ko.validation.init({
    insertMessages: false,
    decorateInputElement: true
  });

  function ViewModel() {
    var self = this;
    self.dateTime = ko.observable().extend({
      required: true
    });
  }

  var viewModel = ko.validatedObservable(new ViewModel())();
  ko.applyBindings(viewModel);
});

.validationMessage {
  color: red;
}

.validationElement {
  background: red;
}

ko.validation.init({
   insertMessages: false,
   decorateElement: true
});