2

我正在尝试设置收集验证。我只想在所有项目都填写完毕后继续。在这种情况下，如果未选择 Value，那么它将为 0，否则它将在 1 - 5 的范围内。

我已经创建了这个例子：http: //jsfiddle.net/jmogera/qBJwK/2/

在 console.log 中，验证总是返回 true。

也不确定如何执行此操作，但是当按下“下一步”按钮时。我只想在未选择的错误上显示错误。

HTML

<div data-bind="foreach: Items">
    <span data-bind="text: Name"></span>
    <ul data-bind="validationElement: Value">
        <li value="5" data-bind="css: { 'ui-selected': Value() === 5 }">
            Excellent
        </li>
        <li value="4" data-bind="css: { 'ui-selected': Value() === 4 }">
            Good
        </li>
        <li value="3" data-bind="css: { 'ui-selected': Value() === 3 }">
            Okay
        </li>
        <li value="2" data-bind="css: { 'ui-selected': Value() === 2 }">
            Poor
        </li>
        <li value="1" data-bind="css: { 'ui-selected': Value() === 1 }">
            Horrible
        </li>
    </ul>
</div>

<input type="button" data-bind="click: goNext" value="Next" />

Javascript：

var models = {
    Items: [{
        Name: "Survey 1",
        Value: 5},
           {
        Name: "Survey 2",
        Value: 0}]
};

var ItemViewModel = function(data){
            this.Name = data.Name,
            this.Value = ko.observable(data.Value).extend({notEqual : 0, number: true}),
            this.itemValidationGroup = ko.validatedObservable({
                Value: this.Value,
            })
        };

var mapping = {
    'Items':{
        create: function (options) {
            return new ItemViewModel(options.data);
        }
    }
}

var indexViewModel = ko.mapping.fromJS(models, mapping);
indexViewModel.goNext = function(){
    for(i = 0; i < indexViewModel.Items().length; i++){
     console.log(indexViewModel.Items()[i].itemValidationGroup.isValid());   
    }
};
ko.applyBindings(indexViewModel);
4

1 回答 1

1 
The version of Validation on that CDN is fubar

http://jsfiddle.net/qBJwK/3/

于 2013-10-18T07:32:34.843 回答