自定义错误消息和放置

时间:2013-09-18 12:45:50

标签: knockout.js knockout-2.0 knockout-validation

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

<span class="validationMessage">This field is required.</span>
  1. 我想更改“此字段是必填项”。文本。
  2. 我想更改<span> HTML元素的展示位置。
  3. 我想在我的文本框中添加一个CSS类(.err),以便我可以添加一个红色边框。
  4. 如何通过Knockout-Validation完成?

1 个答案:

答案 0 :(得分:18)

您可以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