komunikat o błędzie sprawdzania poprawności nokautu

Question

Używam wtyczki sprawdzania poprawności nokautu i działa dobrze, ale mam mały problem, chcę sprawić, aby sprawdzanie poprawności było trochę słabsze, ale bardziej widoczne przy użyciu css, i chcę tylko wstawić zakres sprawdzania poprawności tuż przed elementem wejściowym, teraz jego rozszerzenie po elemencie wejściowym.

oto jak jego renderowania teraz,

<input id="personName" class="form-control placeholder has-error" type="text" data-bind="value: name" placeholder="Your name" title="This field is required." data-orig-title=""> 
<span class="validationMessage" style="">This field is required.</span> 

więc po prostu chcesz dołączyć tę rozpiętość przed elementem.

Answer 1

Jeśli chcesz dostosować sposób wyświetlania komunikatów o błędach, musisz użyć predefiniowanego validation bindings, w tym przypadku validationMessage.

Używanie tego wiązania można wyświetlać komunikaty walidacji dla danej nieruchomości, gdzie chcesz tak na przykład przed elementem input:

<span data-bind="validationMessage: name"></span> 
<input id="personName" class="form-control placeholder has-error" type="text" 
     data-bind="value: name" 
     placeholder="Your name" title="This field is required." data-orig-title=""> 

Dodatkowo, aby zapobiec podwójne wyświetlanie komunikatów o błędach, trzeba także turn off the automatic message insertion z:

ko.validation.init({insertMessages: false}); 

Demo JSFiddle.