How to tie together ko.validation errors in UI

Question

I have a small issues while binding erros to UI page using knockou binding. Please help me

 var searchObj = { model defination }

     if (!ko.validatedObservable(searchObj).isValid()) {
                        ko.validation.group(searchObj);
                        return false;
      }

    <ul data-bind='foreach: $root.errors' class="message">
         <li>
            <span data-bind='text:  $data'></span>
         </li>
    </ul>

     ko.validation.init({
            registerExtenders: true,
            decorateElement: true,
            errorElementClass: 'errorMessage',
            insertMessages: false,
            // messagesOnModified: false,
           // errorsAsTitle: true
        });

What is your question? What is not working? – nemesv Nov 22 '13 at 10:16 — nemesv, Nov 22 '13 at 10:16

score 0 · Accepted Answer · answered Nov 27 '13 at 06:11

<div class="errorSummary" data-bind="if: searchCriteria.Errors().length">
      <ul data-bind='foreach: searchCriteria.Errors'>
            <li>
                <div data-bind='text: $data'></div>
            </li>
       </ul>
</div>

 ko.validation.init({
        registerExtenders: true,
        decorateElement: true,
        errorElementClass: 'errorMessage',
        insertMessages: false,
        messagesOnModified: false
        // errorsAsTitle: true
    });

return {
Errors: searchObj.errors;
}

How to tie together ko.validation errors in UI

1 Answers1