Knockout.validation on a Collection
Knockout.validation on a Collection
我正在尝试对集合进行验证。我只想在填写所有项目后才继续。在这种情况下,如果未选择"值",则它将为 0,否则它将在 1 - 5 的范围内。
我创建了示例:http://jsfiddle.net/jmogera/qBJwK/2/
在控制台.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
http://jsfiddle.net/qBJwK/3/
相关文章:
- 使用 jQuery 的 .on 函数如何获取事件的原始元素
- I'我设计了一个下拉菜单,onclick会出现,而on blur会消失
- window.on.scroll事件未启动
- Socket.io on Mozilla Rhino
- CSS中的游标属性似乎不适用于USB On The Go
- jQuery点击ON现在使用.load触发关闭
- JQuery.on(“keydown”)追加到页面时不工作
- 使用.on动态添加jquery/js不知道的html元素
- angularjs$valid-on-dates在firefox中报告错误
- addEventListener on NodeList
- 当我在节点上拖动鼠标时,我如何防止使用d3.ehavior.zoom().on(“缩放”,重绘)
- jQuery 1.7.2:.on()在一个页面上工作;Don’别再干别的了
- Jquery on单击“显示信息”
- 平均值.on(事件[,选择器][,数据],处理程序)
- 多个jQuery.on()事件无法运行xBrowser(取决于顺序)
- 如何使jQuery的“bind”或“on”事件处理程序幂等
- 无法使以下ng on click outside指令在同一页面上的两个元素上工作
- Javascript mozfullscreenchange on Firefox
- Knockout.validation on a Collection
- Backbone.js collection.on("add") not working