淘汰赛验证 isValid() 不起作用

Question

我有一个视图模型，那里有扩展为使用验证的属性。我调用 ko.validation.group(self) 但这不会将 isValid() 方法添加到视图模型。

所以我得到一个错误，即 isValid() 未定义。

这是我的代码：

var brechtbaekelandt = brechtbaekelandt || {};

brechtbaekelandt.login = (function ($, jQuery, ko, undefined) {
"use strict";

function LoginViewModel() {

    var self = this;

    self.userName = ko.observable();
    self.password = ko.observable();
    self.rememberMe = ko.observable();

    self.errorMessage = ko.observable();

    self.userName.extend({ required: { message: 'Please enter your username' } });
    self.password.extend({ required: { message: 'Please enter your password' } });

    self.errors = ko.validation.group(self);
};

LoginViewModel.prototype.login = function () {

    var self = this;      

    self.errorMessage(null);

    alert('entering login');

    // self.isValid() is not a function
    if (!self.isValid()) {

        alert('login invalid');

        self.errors.showAllMessages();
        return;
    }
    else
    {
        alert('login valid');
        // do login
    }       
};

function init() {

    alert('entering init');

    var knockoutValidationSettings = {
        insertMessages: false,
        decorateElement: true,
        decorateElementOnModified: true,
        decorateInputElement: true,
        //errorMessageClass: 'error',
        //errorElementClass: 'error',
        //errorClass: 'error',
        errorsAsTitle: false,
        parseInputAttributes: false,
        messagesOnModified: true,
        messageTemplate: null,
        grouping: { deep: true, observable: true }
    };

    ko.validation.init(knockoutValidationSettings, true);

    var viewModel = new LoginViewModel();

    ko.applyBindingsWithValidation(viewModel);
}

return {
    LoginViewModel: LoginViewModel,
    init: init
};

})($, jQuery, ko);

我创建了一个 js 小提琴：点击这里

我在某处读到你需要调用 registerExtenders() 但我试过了，它也不起作用。

有人可以帮助我朝着正确的方向发展吗？谢谢！

Answer 1

好吧，您似乎正在寻找isValid使用group强硬的方法（替代方法）使用length属性来实现它。由于isValid似乎没有使用组（其与validatedObservable存在）时可用。

正如@jeff 在该主题的其中一个答案中提到的

ko.validation.group 只是为您提供模型中所有错误消息的（计算）可观察结果。它只收集模型直接属性的错误消息。

另一方面，ko.validatedObservable 不仅收集错误消息，还将模型包装在一个 observable 中，并添加一个 isValid 属性来指示是否有任何错误消息（即模型完全有效）。否则，它们本质上是相同的。

我相应地修改了您的代码，如下所示

    self.errors = ko.validation.group(self); //It will group error messages in array i.e based on count you must validate 
    LoginViewModel.prototype.login = function () {
            var self = this;      
            self.errorMessage(null);
            //self.isValid() doesn't exist here . so you should base length 
            if (self.errors().length>0) {
                alert('login invalid');         
                self.errors.showAllMessages();
                return;
            }     
        };

与小组一起工作的样本

带有ValidatedObservable 的 工作样本首选方式恕我直言