Настроить сообщение об ошибке и размещение

В настоящее время плагин Knockout-Validation автоматически добавляет этот элемент HTML на мою веб-страницу:

<span class="validationMessage">This field is required.</span>
  1. Я хочу изменить «Это поле обязательно для заполнения». текст.
  2. Я хочу изменить размещение HTML-элемента <span>.
  3. Я хочу добавить класс CSS (в частности, .err) в свое текстовое поле, чтобы добавить красную рамку.

Как это можно сделать с помощью Knockout-Validation?


person Mr.Wang from Next Door    schedule 18.09.2013    source источник


Ответы (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.

person nemesv    schedule 18.09.2013
comment
Эта скрипка, похоже, ничего не делает. - person leigero; 19.03.2015
comment
@leigero да, в скрипке была неработающая ссылка. Я обновил его сейчас. - person nemesv; 19.03.2015