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>