在剔除验证错误或成功时添加或删除元素答案

【问题标题】：Add or remove element on knockout validation error or succes在剔除验证错误或成功时添加或删除元素
【发布时间】：2014-11-09 05:44:17
【问题描述】：

我有一个 konockout 验证：

define([
    "jquery",
    "knockout",
    "knockout.validation",
    "inte/accdevice"
], function ($, ko, validation) {
    return function (model, getzipcodeurl) {
        $(function () {

            ko.validation.registerExtenders();


            function ViewModelprofile() {
                var self = this;
                self.firstName = ko.observable(model.FirstName).extend({ required: { message: errors} });
                self.updating = ko.observable(true);
            };

            var vms = new ViewModelprofile();


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

            ko.applyBindingsWithValidation(vms, document.getElementById('infosBlocEdit'), { messagesOnModified: true });
        });
    };
});

这是我的 HTML：

 <input id="FirstName" name="FirstName" type="text" value="@Model.FirstName" data-bind="value: firstName" maxlength="19" />
                        <span class="errorMsg" data-bind="validationMessage: firstName"></span>

其实有错误的时候我显示：errors

我需要在每个元素验证的错误和成功时个性化 css：

出错时我需要显示这个：   errors 

并成功：

我该怎么做？

【问题讨论】：

你说是错误还是成功的依据是什么？

标签： css knockout.js highlighting knockout-validation knockout-mvc

【解决方案1】：

如果我正确理解了这个问题并且从我看到你使用淘汰赛验证，你需要这样的东西：

<span class="invalidLine" data-bind="visible: !firstName.isValid()">
    <span class="bble">&nbsp;</span>
    <span class="bbleTxt">errors</span>
</span>
<span class="validLine" data-bind="visible: firstName.isValid()"></span>

【讨论】：