knockout.js - 自定义错误消息和位置

Question

目前Knockout-Validation插件会自动将此 HTML 元素添加到我的网页中:

<span class="validationMessage">This field is required.</span>

我想更改“此字段是必需的”。文本。

我想改变 <span> 的位置HTML 元素。

我想在我的文本框中添加一个 CSS 类(特别是 .err)，以便我可以添加一个红色边框。

如何使用 Knockout-Validation 做到这一点？

Answer 1

您可以 change the default messages对于基于每个属性的验证:

test: ko.observable().extend({
        required: {
            params: true,
            message: "This is required"
        }
    })

您可以使用 validationMessage binding在任何地方显示错误:

 <span data-bind="validationMessage: test"></span>

您可以使用 decorateElement and errorElementClass options (或 other validation bindings )在您的输入上添加一些自定义类:

ko.validation.init({
    decorateElement: true,
    errorElementClass: 'err'
});

演示 JSFiddle .