[Javascript]jQueryプラグインのjquery.validate.jsで

jquery.validate.js

jquery.blockUI.js


簡単な画像アップロードプログラムを2ヶ月かけてperlで書いたので、
もそっと良くしようと思い、jQueryの使用を思いつきました。

画像の変換・リサイズ処理はperlのImagerを使ってます。大きな画像をアップロードすると
時間がかかります。正直気になるレベルです。

で、画像をアップロードするときのフォームの値をjquery.validate.jsでチェックして
submitしたときにフォームの値が正しければ「送信」と「Now Loading...」の表示をさせようかと。

jquery.validate.jsでチェックして値が不正なら「Now Loading...」は表示しないように。

「Now Loading...」は同じくjQueryのjquery.blockUI.jsを使用してmodalな環境を作ります。

はじめはフォームのsubmitイベントにどちらのjsも関連付けしたので、サブミットしたとたんに
blockUIが有効になり、且つvalidateも有効になるのでmodalの背景で空しくvalidationが
警告を発しているだけでした。

validate.jsのヘルプを読んで
valid()メソッドの返り値Booleanの真偽で分岐させる事で
うまく回避できました。