Question

我试图复制此代码

我的代码

<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)

我使用的是淘汰版本3.4.2和淘汰验证版本2.0.3以及许多jquery库和Jquery版本3.2.1。所以我使用了每个库的最新版本。

错误是淘汰验证，其余的工作正常我尝试使用之前。

Answer 1

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

在不知道“错误”对象是什么的情况下，很难给出确切的答案。我所知道的只是它不是一个函数，所以你不能调用它（比如viewModel.errors（））。检查该对象以确定它实际是什么。如果它是一个数组，那么你可以简单地调用访问“长度”属性

更新

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

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

在底部。我没有在你的代码中看到它。

viewModel.errors不是一个函数，淘汰验证

1 个答案: