MIGHTY5コンテンツへスキップMIGHTY5インターネットをとりまく色々を語ります。“$this->set(compact())”が素敵☆CakePHP2を美味しく食べたい近代和暦について。JavascriptjQuery.validateで複数項目チェックで複数エラー出力方法ツイート2011年2月20日にアップしていた記事を復活させました。使っての複数項目チェックと複数エラーメッセージ表示についてまとめておきました。入力することを想定してデザインするはず。それをデータベースに登録する前に、その入力した項目の中にデータベースには登録させたくない文字列があったり、ハッキングを試みるようなデータが入っていたりするとそれをはじくような処理をバリデーションと言うわけですが、それを検出してエラーメッセージを表示させる場所を検討したりデザインする作業はいつも悩ましかったりします。これをjQuery.validateプラグインでさくっとやってしまおうじゃないかというのが今回のお題目。Javascriptアレルギーだった私が、今回の開発現場でjQueryすっかり虜になり、その勢いで、複数項目チェックで好きなところに好きなようにエラーメッセージを出力する方法を編み出せたので、参考までにご紹介いたします。サンプルコードも公開しますので、よろしかったら使ってみてください。"field4":error.insertAfter($('#field4_error'));break;default:error.insertAfter(element);}}});}特に、”errorPlacement”を設定することで、それ以下で指定したidの値のあるタグ位置にエラー出力できるようになりますので、その位置を変えることで自在に出力位置を変更できます。こりゃ便利(^e^)nではそのサンプルhtmlを以下に。プログラムEnterキー押下でTab移動したりサブミットする操作を止めるJavascriptツイートほかから頂戴したJSですけど、実用的なのでここでも紹介します。