ノックアウト検証エラーメッセージスパン

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

エラーメッセージの表示方法をカスタマイズする場合は、定義済みのvalidation bindings（この場合はvalidationMessage）を使用する必要があります。

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

をさらにダブルあなたもでturn off the automatic message insertionに必要なエラーメッセージを表示する防ぐために：あなたがinput要素の前に例えばので、好きな場所あなたが与えられたプロパティの検証メッセージを表示することができますこの結合を使用して

：

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

デモJSFiddle。