サラリーマンIT技術者の調査レポート

日々の業務で気付いた当たり障りのない技術的なあれこれを綴ります。

jQuery

jQuery Validation PluginとBootstrap3.1のform-control-feedbackを使ったサンプル

jQuery Validation Pluginの入力チェック結果を、Bootstrap3.1で追加されたform-control-feedbackで表示するサンプルを作成してみました。 実行結果とサンプル jsFiddleでサンプルコードを公開しています。 こちらでどうぞ。 jQuery-Validation-Plugin Boots…

jQuery Validation Pluginのメッセージを日本語化する

jQuery Validation Pluginが出力する標準のエラーメッセージが This field is required. のように英語なので、日本語化してみます。 対応方法 と思ったら、HTMLファイルに <script src="localization/messages_ja.js"></script> と書くだけでした。 これだけで このフィールドは必須です。 のようになります。 以…

Bootstrapの入力フォームでjQuery Validation Pluginを連携させるサンプル

Twitter Bootstrap の入力フォームで jQuery Validation Plugin を簡単に使う方法がわかったので、サンプルコードを載せておきます。 実行結果 実行イメージはこちらで確認できます。 jQuery-Validation-Plugin Bootstrap 連携サンプル 実行結果 サンプルコ…