自定义错误消息和放置

Question

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

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

1. 我想更改"此字段是必需的".文本.
2. 我想更改<span>HTML元素的位置.
3. 我想在.err我的文本框中添加一个CSS类(特别是),这样我就可以添加一个红色边框.

如何通过Knockout-Validation完成？

Answer 1

您可以基于每个属性更改默认消息以进行验证:

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

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

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

您可以使用decorateElement和errorElementClass选项(或其他验证绑定)在输入上添加一些自定义类:

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

演示JSFiddle.