池袋にあるホームページ制作・システム開発会社のブログです。Project」で信頼できるアプリケーションの開発・購入・運用の推進を目的として設立されたオープンなコミュニティです。Meetingとなります。関係なく参加できるカジュアルな勉強会です。(今回は約200名が参加したようです)以下、今回の内容と公演資料です。unavailable.」となっていて見ることが出来ません。後日あらためて・・・2011年12月5日HTMLJavaScript/AjaxjQuery技術どんなフォームにも使えるjQueryのフォームバリデーション「exValidation」の複雑な組み合わせサンプル投稿者:isc_blogいやぁーーーーすばらしいものを提供されている方がいらっしゃってとても助かっています。exValidationエラー項目にはバルーン表示でエラー通知してくれるというナウい(死語)もの。このexValidationを利用して開発中のフォームに当てはめてみたんですが・・・あ、この条件下では・・・ここは必須で・・・で、こうするとこの項目自体見えなくなって・・・・っていう感じになってしまいなにをどーして良いのやら・・・という風になってしまいました。そこで、いろいろ試しに試して出来たのがこのサンプルです。exValidationサンプルまず、御覧頂いて・・・っとこのフォームは下記のような動作をするものです。1.まずはユーザーに区分を入力してもらう2.入力してもらった区分によって異なる項目のフォームを表示する3.項目の中にはある項目が特定の値のときだけ必須になるというものも存在するこのような場合にどうしたか・・・ということをご紹介します。これ自体が必須項目でもあります。2:$(‘#birthday’).addClass(‘chkrequired’);break;}clearErrors();}[/html]こんな感じの実装で出来ました。要するに「class=chkrequired」っていうのを外せば必須項目にならないしなんでもない項目に「class=chkrequired」を乗っけてあげればその時点から必須項目になります。サンプルで「20歳以上」にしてから「飲む」を選択すると「お飲みになる種類」が必須になる・・・という感じです。こちらからダウンロード出来るようにしておきましたのでご自由にご利用ください。コメントいただけるとありがたいです。Tool投稿者:isc_blogJavaScriptのチェックツールです。Tool.全体的に英語なのでなにを言っているかわからないところだらけですが・・・カッコ閉じ忘れとかセミコロン抜けとかなんだか動かないって言う時に役立ちそうです。4で開発する際に日本語文献がなかなかなくて困っていました。Mobileデザイン入門より下記の記事がすごーく参考になるのでご紹介します。Mobileでスマホサイト作りたくなります。・いまさら聞けないけどAjax習得したい方にオススメの記事がありました。40分で覚える!jQuery速習講座6ページもあるけど、どんどん読み進められますのでやる気モードでどうぞ!まずはHTML変更するところからそれっぽく「アコーディオン」まで。すげーなーってサイト多くなって来ましたね!でも、Flashで作ったほうが良かったり・・・そもそもHTML5では出来なかったり、逆にFlashでは出来なかったり・・・っていうのをまとめてくださっているサイトがありましたのでご紹介します。今のところ、HTML5だと・・・っていうより「現状このブラウザだと・・・」っていう感じになってしまっています。ブラウザ間のHTML5対応が充実してこないと比較出来るものではない・・・かもしれません。池袋のアイ・エス・シーが運営しているブログです。ホームページ制作・システム開発のご依頼はアイ・エス・シーにお任せください!お電話またはお問い合わせフォームからお気軽にお問合せ下さい。