Community Open Day 2012 http://cod.ms - 北海道会場 http://clr-h.jp - セッション2 (6/9, 14:00-14:50) 予告

2. jQuery Validation x ASP.NET MVC
で遭遇した不具合 & 対抗ハック
@jsakamoto
Community Open Day
2012

3. jQuery Validate についておさらい
• クライアント側スクリプトによる入力検証機能を提供する JavaScript
ライブラリ。
– jQuery のプラグイン
• ASP.NET MVC の、標準のクライアント側入力検証エンジンに採用
– MVC3以降
– Visual Studio にて ASP.NET MVC アプリを新規作成すると標準で使用。
• この資料を作成している時点での最新バージョン:
– jQuery = v.1.7.2
– jQuery Validate = v.1.9

4. 本セッションのテーマ
• jQuery Validate を使っている上で、”些細な” 不具合にいくつか遭遇
• それら不具合について紹介、どう対策して解決したのかを披露
• 対策はすべて、クライアント側 JavaScript コード上で施工
– 本セッションの本質的な部分では、C# とか ASP.NET とか出てきません。
– プラットフォーム問わず、Web アプリ共通の話題ではないでしょうか?
– っていうか、むしろ、Ruby on Rails などなど、他のプラットフォームでは
問題になってないのか? 気になります。

5. デモ アプリ
• こんな ASP.NET MVC4 な Webア
プリを肴に、実演を交えつつ、進
めて参ります。

6. Case 1.
文字数検証 - input type=“text”

7. Demo

8. JavaScript コードの Hack
• いかにも “動的言語” らしく、Hack しやすい。
• しかし Closure が使える...!
– 関数型言語っぽい手法で作成されると手が出せない。
• jQuery Validateがそんな技法で記述されてなくて良かった...
これで学びました。