1

我有以下类验证名称并且不允许用户输入空名称。有了它，我可以获得有效值并在输入无效时通知用户（保留最后一个好的值）。

class @Person
  constructor: (name) ->
    @name = ko.observable name
    @nameLastInvalid = ko.observable false
    @nameAttempt = ko.computed
      read: @name
      write: (value) =>
        if value.length > 0
          @name value
          @nameLastInvalid false
        else
          @nameLastInvalid true
      owner: @

我想让相同的功能更可重用。有没有办法扩展 ko.observable 对象以添加“lastInvalid”和“attempt”方法？

就像是：

class @Person
  constructor: (name) ->
    @name = ko.observable(name).extend({ required: true })

然后能够做到：

person.name()
person.name().lastInvalid()
person.name().attempt()

AFAIK淘汰赛验证不能以这种方式工作。它允许您输入无效值，然后告诉您它是否有效。

更新：

我添加了以下扩展程序，但它似乎没有做任何事情（我得到 name.attempt 是未定义的）

ko.extenders.required = (target, option) ->
  target.lastInvalid = ko.observable false
  target.attempt = ko.computed ->
    read: target
    write: (value) ->
      if value.length > 0
        target value
        target.lastInvalid false
      else
        target.lastInvalid true
  target
4

1 回答 1

1

->你的扩展器是偏心不工作，因为你在attempt定义中有一个额外 的。因为当你想为计算提供读、写函数时，你需要提供一个对象字面量而不是一个函数：

target.attempt = ko.computed
    read: target
    write: (value) ->
      if value.length > 0
        target value
        target.lastInvalid false
      else
        target.lastInvalid true
  target

并且您尝试从基础值而不是可观察对象本身访问附加属性。所以你需要写：

person.name()
person.name.lastInvalid()
person.name.attempt()

演示JSFiddle。

于 2013-04-23T05:44:39.327 回答