javascript - viewModel.errors不是函数， knockout 验证

Question

我正在尝试复制此代码

http://jsfiddle.net/KHFn8/5424/

我的代码

<script type="text/javascript">
ko.validation.rules.pattern.message = 'Invalid.';
ko.validation.init({
    registerExtenders: true,
    messagesOnModified: true,
    insertMessages: true,
    parseInputAttributes: true,
    messageTemplate: null
}, true);

  function person(mname, role, memail, mphone) {
  var self = this;

  self.validateNow = ko.observable(false);
  this.mname = ko.observable(mname);
  this.role = ko.observable(role);
  this.memail = ko.observable(memail);
  this.mphone = ko.observable(mphone);
  this.fullName = ko.pureComputed(function() {
    return  self.mname() + " " + "|" + " " + self.role() + " " + "|" + " " + self.memail() + " " + "|" + " " + self.mphone();}, this);
  this.click = function(){}
}

function viewModel() {
  this.mname = ko.observable('').extend({minLength: 2})
  this.role = ko.observable('');
  this.memail = ko.observable('');
  this.mphone = ko.observable('');
  this.people = ko.observableArray();
  this.add = function(){
        if (viewModel.errors().length === 0) {
    self.people.push(new person(self.mname(), self.role(), self.memail(), self.mphone()));
    self.mname(null);
    self.role(null);
    self.memail(null);
    self.mphone(null);
    } else {
      alert('Please check your submission.');
      viewModel.errors.showAllMessages();
    }

  }
  this.remove = function(row){
    self.people.remove(row);
  }
}

var myviewModel = new viewModel();

$(document).ready(function() {
  ko.applyBindings(myviewModel);
});

</script>

我想做的就是在添加文本输入字段mname之前将其设为必需。就这样。但它一直说

add_club.php:354 Uncaught TypeError: viewModel.errors is not a function
    at viewModel.add (add_club.php:354)
    at HTMLButtonElement.<anonymous> (knockout-3.4.2.js:90)
    at HTMLButtonElement.dispatch (jquery-3.2.1.min.js:3)
    at HTMLButtonElement.q.handle (jquery-3.2.1.min.js:3)
add @ add_club.php:354
(anonymous) @ knockout-3.4.2.js:90
dispatch @ jquery-3.2.1.min.js:3
q.handle @ jquery-3.2.1.min.js:3

基本上这一行给出了错误

 if (viewModel.errors().length === 0)

我正在使用knockout版本3.4.2和knockout验证版本2.0.3以及许多jquery库和Jquery版本3.2.1。所以我使用每个库的最新版本。

错误在于 knockout 验证，在我尝试使用它之前，其余部分都工作正常。

Answer 1

该错误告诉您 viewModel.errors 不是一个函数。

如果不知道“错误”对象是什么，就很难给出准确的答案。我所确定的是它不是一个函数，所以你不能调用它(如 viewModel.errors())。检查该物体以确定它到底是什么。如果它是一个数组，那么你可以简单地调用访问“length”属性

更新:

看看 JSFiddle，他们正在像这样设置错误对象

viewModel.errors = ko.validation.group(viewModel);

在底部。我在你的代码中没有看到这一点。