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

jQuery Validation Pluginの入力チェック結果を、Bootstrap3.1で追加されたform-control-feedbackで表示するサンプルを作成してみました。

実行結果とサンプル

jsFiddleでサンプルコードを公開しています。

こちらでどうぞ。

jQuery-Validation-Plugin Bootstrap3.1 連携サンプル 実行結果

備考

• エラーメッセージを日本語化してみました
• エラーメッセージをBootstrapのhelp-blockに出力しています（画面が伸び縮みするのは修正したいのですが、、）

こちらもどうぞ

Bootstrapの入力フォームでjQuery Validation Pluginを連携させるサンプル - サラリーマンIT技術者の調査レポート

jQuery Validation Pluginのメッセージを日本語化する - サラリーマンIT技術者の調査レポート

はじめてのBootstrap (I・O BOOKS)