小编dda*_*crs的帖子

淘汰验证 - 空白时不验证输入+提交时评估

检查这个小提琴:

http://jsfiddle.net/bhzrw01s/

我试图做两件事:

第一:当字段为空时不要验证.我知道有一个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)

knockout.js knockout-validation

5
推荐指数
1
解决办法
8473
查看次数

标签 统计

knockout-validation ×1

knockout.js ×1