我正在尝试设置集合验证。我只想在填写完所有项目后才继续。在这种情况下,如果未选择值,则它将为 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);
最佳答案
The version of Validation on that CDN is fubar
关于javascript - 对集合的 Knockout.validation,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19433441/