jQuery Validation x ASP.NET MVC

で遭遇した不具合 & 対抗ハック

Community Open Day 2012

@jsakamoto

jQuery Validate についておさらい

• クライアント側スクリプトによる入力検証機能を提供する JavaScript

ライブラリ。

– jQuery のプラグイン

• ASP.NET MVC の、標準のクライアント側入力検証エンジンに採用

– MVC3以降

– Visual Studio にて ASP.NET MVC アプリを新規作成すると標準で使用。

• この資料を作成している時点での最新バージョン:

– jQuery = v.1.7.2

– jQuery Validate = v.1.9

本セッションのテーマ

• jQuery Validate を使っている上で、”些細な” 不具合にいくつか遭遇

• それら不具合について紹介、どう対策して解決したのかを披露

• 対策はすべて、クライアント側 JavaScript コード上で施工

– 本セッションの本質的な部分では、C# とか ASP.NET とか出てきません。

– プラットフォーム問わず、Web アプリ共通の話題ではないでしょうか?

– っていうか、むしろ、Ruby on Rails などなど、他のプラットフォームでは

問題になってないのか? 気になります。

デモ アプリ

• こんな ASP.NET MVC4 な Webア

プリを肴に、実演を交えつつ、進

めて参ります。

文字数検証 - input type=“text”

Case 1.

Demo

JavaScript コードの Hack

• いかにも “動的言語” らしく、Hack しやすい。

• しかし Closure が使える...!

– 関数型言語っぽい手法で作成されると手が出せない。

• jQuery Validateがそんな技法で記述されてなくて良かった...

これで学びました。