validation - knockout 验证isValid()无法正常工作

我有一个 View 模型，并且有一些属性可以扩展为使用验证。我叫ko.validation.group(self)，但这没有将isValid()方法添加到 View 模型中。

所以我得到一个错误，isValid()是 undefined 的。

这是我的代码:

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小提琴:click here

我读过某个地方，您需要调用registerExtenders()，但是我尝试了一下，但它也不起作用。

有人可以在正确的方向帮助我吗？谢谢!

最佳答案

好吧，当您使用isValid时，您似乎正在寻找group。有一种方法(替代方法)使用length属性来实现它。由于在使用group时isValid似乎不可用(它与validatedObservable一起存在)。

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



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

    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;
            }
        };

group的工作样本

使用 ValidatedObservable 的工作示例

关于validation - knockout 验证isValid()无法正常工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33235883/