淘汰赛验证validatedObservable组错误(Knockout Validation va

2019-10-17 09:39发布

我有一组我需要验证作为一个整体的项目。 我设置一个validatedObservable上的组,但该错误信息不显示。

我在这里有一个简单的例子。 我想每一个数目0-100和之和为100究竟如何处理这种验证?

更新:我知道在这个例子中,我可以只让一个ko.computed和验证,但是这不是我所需要的。

例如: http://jsfiddle.net/CGuW2/5/

0-100:<input data-bind="value: num1, valueUpdate: 'afterkeydown'"/><br>
0-100:<input data-bind="value: num2, valueUpdate: 'afterkeydown'"/><br>
<span class="validationMessage" data-bind='text: isValidSum.errors()'></span>

ko.validation.rules['mustEqual'] = {
    validator: function (val, otherVal) {
        return (parseInt(val.num1()) + parseInt(val.num2())) == otherVal;
    },
    message: 'total must equal {0}'
};
ko.validation.registerExtenders();

var viewModel = {
    num1: ko.observable("50").extend({ number: true, min: 0, max: 100 }),
    num2: ko.observable("50").extend({ number: true, min: 0, max: 100 })
};

viewModel.isValidSum = ko.validatedObservable({
                            num1: viewModel.num1,
                            num2: viewModel.num2
                        }).extend({ mustEqual: 100 });

ko.applyBindings(viewModel);

Answer 1:

我需要在绑定text: isValidSum.error而不是text: isValidSum.errors() 此外,它看起来像你必须绑定visible: !isValidSum.isValid()当你做到这一点。

所以我的解决办法是这样的:

例如: http://jsfiddle.net/CGuW2/6/

0-100:<input data-bind="value: num1, valueUpdate: 'afterkeydown'"/><br>
0-100:<input data-bind="value: num2, valueUpdate: 'afterkeydown'"/><br>
<span class="validationMessage" data-bind='visible: !isValidSum.isValid(), text: isValidSum.error'></span>


Answer 2:

检查这个小提琴,我已经实现和验证。
http://jsfiddle.net/CGuW2/3/
我认为这个问题是你不能使用extendvalidatedObservable



文章来源: Knockout Validation validatedObservable group error