ビューモデルをKnockoutJSバリデーションにマップ

Question

KnockoutJS、KnockoutJSマッピングプラグイン、jQuery 1.7.1を使用してASP.NET MVC 2を使用してページを構築しました。 KnockoutJS Validationプラグイン（here）も使用できるようにしたいと思います。しかし、私は両方のサーバーとクライアント側の検証が起こっている必要があります。

私のビューモデルを.extend（）メソッドを使用するKnockoutJS Validation pluginにマップすることは可能ですか？

EDIT：例。検証プラグインは、あなたが検証したい観測を拡張するように動作します

var viewmodel = { 
    firstname: ko.observable().extend({ required: true }); 
} 

Answer 1

Mvc Controls Toolkit私はknockout.jの通常のMvc検証（データ注釈など）を有効にするエンジンを実装しました。クライアント側とサーバー側の両方の検証を有効にすることができます。さらに、ノックアウトはMvcヘルパーで使用でき、いくつかのバインディングは自動的に推測されます。

Answer 2

：この中へ

[Required] 
public string Firstname { get; set; } 

：これを自動的にオンにします。

マッピングから作成するかどうかは関係ありません。マッピングが完了した後に実行する関数を作成し、必要なすべての検証を追加するだけです。

または、検証バインディングを使用できます。ノックアウトの検証については、GithubのReadmeを読んでください。

Answer 3

私は、あなたがそれを呼び出すために必要がある場合がありますMVCで構築クライアント側の検証を使用することをお勧めし、これを試してみた：

$.validator.unobtrusive.parse(yourFormElement) 

コードから：MVC2は控えめなクライアント側の検証をしかし持っている場合https://stackoverflow.com/a/5669575/941536

わかりません必要に応じてMVC3へのアップグレードがオプションになるかどうかは不明です。

Answer 4

knockoutjsとjqueryを使用している場合は、基本的なクライアントサイド検証を行う次の非常に簡単な方法を考え出しました。

あなたのページにエラーメッセージを表示したい場合はいつでも、このようなスパンタグが含まれています

<span name="validationError" style="color:Red" 
data-bind="visible: yourValidationFunction(FieldNameToValidate())"> 
* Required. 
</span> 

明らかにあなたはそれがやりたいものは何でもする「yourValidationFunction」を記述する必要があります。 trueまたはfalseを返すだけで、エラーが表示されます。

jqueryを使用すると、検証エラーが表示された場合にユーザーが先に進まないようにすることができます。これが出て、他の多くの検証ソリューションよりも多くの、よりシンプルで柔軟性のある

if ($("[name='validationError']:visible").length > 0) { 
     alert('Please correct all errors before continuing.'); 
     return; 
    } 

：あなたはおそらくすでにいくつかのAjaxまたは何を行うにはjavascript関数をトリガー保存ボタンを持っているので、ちょうどそれの上でこれを含めますそこ。どこでもエラーメッセージを配置することができ、検証ライブラリの使用方法を習得する必要はなく、この方法はサーバー側のテクノロジに関係なく機能します。