ShineSpark https://blog.hatena.ne.jp/ShineSpark/ 人生シーケンスブレイク https://shinespark.hatenablog.com/ JavaScript HTML5 Form Validationのブラウザごとの実装状況が異なることから、 jQuery Validation Plugin | Form validation with jQuery をまだ現役で利用しているケースも多いはず。 先日 jQuery Validation Plugin のエラーを Bootstrap3 の popover(tooltip) に組み込んでみたのでその方法を記録。 実装イメージ。 準備 こんな感じの構成とする <form> <div class="form-group"> <label for="exampleInputEmail1">Email addr… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fshinespark.hatenablog.com%2Fentry%2F2015%2F11%2F05%2F000100" title="jQuery Validation Plugin のエラーを Bootstrap3 の popover に出力させる。 - 人生シーケンスブレイク" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn-ak.f.st-hatena.com/images/fotolife/S/ShineSpark/20151103/20151103154919.png Hatena Blog https://hatena.blog 2015-11-05 00:01:00 rich https://shinespark.hatenablog.com/entry/2015/11/05/000100 1.0 100%