检查这个小提琴:
我试图做两件事:
第一:当字段为空时不要验证.我知道有一个onlyif选项..但是有更容易的东西吗?
第二:当我点击提交时我需要运行验证的东西(如果你测试我的小提琴,错误消息会弹出,但不会应用errorClass css)
感谢:D
CSS:
input.error {
color: red;
border-color: red;
}
Run Code Online (Sandbox Code Playgroud)
JS:
ko.validation.configure({
insertMessages: false,
decorateElement: true,
errorElementClass: 'error',
messagesOnModified: false
});
function SignInViewModel() {
var self = this;
self.userName = ko.observable().extend({
required: true
});
self.password = ko.observable().extend({
required: true
});
self.errors = ko.validation.group(self);
self.login = function (e) {
if (self.errors().length == 0) {
alert('No errors');
} else {
this.errors().forEach(function(data) {
alert(data);
});
//self.errors.showAllMessages(true);
}
}
}
$(function () {
ko.applyBindings(new SignInViewModel());
});
Run Code Online (Sandbox Code Playgroud)
HTML:
<form>
<fieldset> …Run Code Online (Sandbox Code Playgroud)