2012-10-20 16 views
16

私はknockout.js & knockout.validationプラグインを使用しています。私はこの例では、例のフィドル異なる場所に検証エラーメッセージを表示するにはどうすればよいですか?

http://jsfiddle.net/hsnCW/1/

を追加してい配列が重複したエントリをチェックするためのカスタム検証があります。しかし、私の問題は検証メッセージです。デフォルトでは、検証が適用された要素の直後にエラーメッセージが挿入されています。しかし、私は別の場所にメッセージを表示します。これどうやってするの?

+0

knockout.validationはおそらく、ターゲット 'onerror'やその他もろもろをサポートする必要があります。そのプラグインのドキュメントを見ましたか? –

答えて

33

はあなたのproertiesのエラーメッセージのいずれか表示するためにvalidationMessagebindingを使用することができます。

<p data-bind="validationMessage: newItem"></p> 

をそして、あなたが結合validationOptionsと自動的に挿入された検証メッセージを無効にすることができます

<span data-bind="validationOptions: { insertMessages: false}">New Item: 
    <input data-bind="value:newItem" /> 
    <button data-bind="click: addItem">Add</button> 
</span> 

は、マニュアルを参照してくださいValidation Bindings section詳細については。

デモJSFiddle.

+0

デモ:http://jsfiddle.net/hsnCW/2/(ちょうど最後にあなたのフィドルに気づいたよ、ちょっと見にくい) –

+1

@JaredFarrishうわー、それはかなりのエラーメッセージです – Homer

関連する問題