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

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

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)

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