自定义错误消息和位置

Question

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

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

1. 我想更改“此字段为必填项”。文本。
2. 我想更改<span> HTML 元素的位置。
3. 我想在我的文本框中添加一个 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.