【发布时间】:2018-02-21 11:35:42
【问题描述】:
我正在尝试复制此代码
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)
我正在使用淘汰赛版本 3.4.2 和淘汰赛验证版 2.0.3 以及许多 jquery 库和 jquery 版本 3.2.1。所以我使用的是每个库的最新版本。
错误在于淘汰赛验证,其余的在我尝试使用之前工作得很好。
【问题讨论】:
标签: javascript jquery knockout.js knockout-validation