knockout-validation - сообщения о проверке пользовательских шаблонов не меняются

Я создал пример в JSFiddle, http://jsfiddle.net/4stu2jg3/63/

В первом текстовом поле, если вы добавите нечисловой номер и нажмете кнопку, появится нужное сообщение. Я бы предположил, что это должно показывать номер сообщения, так как есть значение?

Во втором текстовом поле, если вы удалите строку и нажмете кнопку, появится номер сообщения. Я ожидал бы, что это покажет требуемое сообщение?

Если вы закомментируете пользовательский шаблон, все работает так, как я ожидал. Я не уверен, что я делаю не так?

<div id="test">
    <div><input data-bind="value: first" /></div>
    <div><input data-bind="value: last" /></div>

    <input type="button" value="Validate" />
</div>

<script type="text/html" id="qmsKoValidationTemplate">
    <span class="qms-val-panel" data-bind="visible: field.isModified() && !field.isValid(), text: field.error"></span>
</script>

ko.validation.init({
    registerExtenders: true,
    messagesOnModified: true,
    insertMessages: true,
    parseInputAttributes: false,
    messageTemplate: "qmsKoValidationTemplate"
});

var t = function() {
    var self = this;

    self.first = ko.observable()
        .extend({required: { message: 'Required' } })
        .extend({number: { message: 'Number' } });

    self.last = ko.observable('Del')
        .extend({required: { message: 'Required' } })
        .extend({number: { message: 'Number' } });
}

var s = new t();

ko.applyBindings(s, document.getElementById('test'));

$('input[type="button"]').click(function() {    
    //console.log(s.first(), s.last());
    //console.log(ko.validatedObservable(s).isValid())
    ko.validatedObservable(s).isValid()
});

1 ответ

Решение

Используя немного отладки, ko.isObservable(field.error) возвращает false, что объясняет "не меняющийся" аспект проблемы.

Присмотревшись ближе, пользовательская привязка validationMessage используется в шаблоне по умолчанию. Замена text связывание с этим пользовательским связыванием обеспечивает желаемое поведение.

<span class="qms-val-panel" data-bind="visible: field.isModified() && !field.isValid(), validationMessage: field">        
</span>

Модифицированная скрипка

Другие вопросы по тегам