Диапазон сообщения об ошибке проверки выбивания

Question

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

вот как его рендеринг прямо сейчас,

<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>

Так что я просто хочу добавить этот промежуток перед элементом.

Answer 1

Если вы хотите настроить отображение сообщений об ошибках, вам нужно использовать предопределенные привязки проверки, в этом случае validationMessage,

Используя эту привязку, вы можете отображать сообщения проверки для данного свойства, где вы хотите, например, перед 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="">

Кроме того, для предотвращения двойного отображения сообщений об ошибках также необходимо отключить автоматическую вставку сообщений с помощью:

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

Демо JSFiddle.