jQueryでFormのバリデーション

jQueryの便利そうなプラグイン。ValidationAide。
フォームの入力値の妥当性を検査してくれます。

使い方：
１．フォームをかく

<form id="Test">
	<div id="ClientValidationSummary"></div>
	<input type="text" id="name" title="名前" class="textbox validator-required" /><br />
	<input type="text" id="mail" title="メール" class="textbox validator-required validator-email" />
	<input type="submit" value="Submit" />
</form>

入力値にエラーがあった場合、ClientValidationSummaryのところに要約（サマリ）が表示されます。
titleで指定された文字列が要約表示時などに項目名として使われます。
バリデートしたい部品のclassに上記のような指定をします。
上記の場合、「名前」のところは「テキストボックス」「入力必須」で、
「メール」のところは「テキストボックス」「入力必須」「メールアドレス」でバリデートしてます。
validtor-emailとしておけば、aaa@aaa.comのような有効なメールアドレスの形式かどうかを検査してくれます。
表示されるメッセージをデフォルトから変更したい場合は、titleに” – “区切りで書きます。マイナスの前後にスペースが要るので注意。
例えば「title=”名前 – 名前を入力してください”」とすると、項目が「名前」、メッセージが「名前を入力してください」になります。
マウスをオーバーラップさせたときにも表示されてしまうのが難点？

２．初期化

$(function() {
	$("#Test").validationAideEnable();
});

formのIDを指定して、validationAideEnable()を実行します。
各部品の横にメッセージを表示したい場合などは、パラメータをJSON形式で渡します。

$("#Test").validationAideEnable(null, {showInlineMessages:true, inlineShowSpeed:"fast"});

第一引数は独自ルールを定義する場合に使います。
その辺の詳しいところはダウンロードしたファイルのdemoのソースを見てください。

３．サンプル

以上