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

Question

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

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

1. 我想更改“此字段为必填项”。文本。
2. 我想更改<span>HTML 元素的位置。
3. 我想在.err我的文本框中添加一个 CSS 类（特别是），以便我可以添加一个红色边框。

淘汰赛验证如何做到这一点？

Answer 1

您可以根据每个属性更改验证的默认消息：

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

您可以使用validationMessage绑定在任意位置显示错误：

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

您可以使用decorateElementanderrorElementClass选项（或其他验证绑定）在您的输入中添加一些自定义类：

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

演示JSFiddle。