javascript - 数组中重复条目的自定义验证规则问题

Question

我正在尝试使用 knockout.validation 插件。我想创建一个自定义验证规则，用于在输入数组时检查重复的数组项。我试过这个：

ko.validation.rules['duplicate'] = {
    validator: function (val1, val2) {

    },
    message: 'The value is already exist'
};

ko.validation.registerExtenders();

这val1是数组，val2是使用extend方法传入的参数。问题是，我不知道如何从自定义验证函数访问数组中当前输入的项目。请帮帮我 ？

Answer 1

如果你把问题转过来，效果会更好。将验证添加到您尝试添加的可观察文本（或可观察对象，如果涉及多个字段）。然后当你触发添加时，检查 observable 是否有效。如果有效，则将其添加到数组中。

http://jsfiddle.net/jearles/XY9XH/

--

<span>New Item: <input data-bind="value:newItem" /> <button data-bind="click: addItem">Add</button></span>
<div data-bind="foreach: items">
    <span data-bind="text: $data"></span>
</div>​

--

ko.validation.rules['duplicate'] = {
    validator: function (item, array) {
        return array.indexOf(item) == -1;
    },
    message: 'Value already exists!'
};
ko.validation.registerExtenders();

var ViewModel = function() {
    var self = this;
    self.items = ko.observableArray();
    self.newItem = ko.observable().extend({duplicate: self.items});
    self.addItem = function() {
        if (self.newItem().length > 0 && self.newItem.isValid()) {
           self.items.push(self.newItem());
           self.newItem(null);
        }
    };
}

ko.applyBindings(new ViewModel());    

​</p>