[解決済み] Twitter BootstrapのポップオーバーをjQueryのバリデーション通知に使うには?
2023-06-08 23:49:43
質問
ポップオーバーを表示させるには ブートストラップ を使えば簡単にポップオーバーを表示させることができますし、バリデーションも標準の jQuery バリデーションプラグイン または jQueryバリデーションエンジン のどちらかを選択する必要があるのですが、片方をもう片方に送り込む方法がわかりません。
必要なものは、通知を表示したいときにバリデータによって呼び出されるフックで、メッセージとターゲット要素をポップオーバーに渡すクロージャを提供することだと思います。これは一種の依存性注入のように思えます。
理論的にはすべて素晴らしいのですが、そのフックがどこにあるのか、あるいはどちらのバリデーションエンジンにも存在するのかどうかさえ、私にはわかりません。私が求めているのはエラーの種類 (メッセージ テキストは必ずしも必要ではありません) とそれに関連する要素だけなのに、どちらも、配置、ラッパー、スタイルに関するあらゆる種類の凝ったオプションで通知を表示する責任を負おうとしているように見えます。私は、個々の通知ではなく、フォーム全体のためのフックを見つけました。
私は、ルールを定義するためにクラスを使用する検証システムをはるかに好みます。なぜなら、それらは動的に作成されるフォームとうまく機能するからです。
どなたか解決策や良いアイデアをお持ちですか?
どのように解決するのですか?
を見てみましょう。
highlight
と
showErrors
jQuery Validatorのオプション
これらは、Bootstrapのポップオーバーをトリガーする、独自のエラーハイライトをフックすることができます。
関連
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] jQueryでページを更新するにはどうすればよいですか?
-
[解決済み] jQueryで複数のクラスを持つ要素を選択するにはどうすればよいですか?
-
[解決済み] Twitter Bootstrapのメニューをクリックではなく、ホバーでドロップダウンさせる方法
-
[解決済み] Twitter Bootstrap 3を使用して列を中央に配置する
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
-
[解決済み] jQueryで<input type="text">のonchangeを実装するには?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] jQueryのpreventDefault()が発動しない
-
[解決済み] jquery 3.0 url.indexOfエラー
-
[解決済み] jQueryです。簡単なオーバーレイを作成するにはどうすればよいですか?
-
[解決済み] jQueryのイベントハンドラを削除する最良の方法?
-
[解決済み] jQuery 複数のイベントで同じ関数を起動する
-
[解決済み] JQueryでラジオボタンがチェックされているかどうかを調べる?
-
[解決済み] jQuery.ajaxでmultipart/formdataを送信する。
-
[解決済み] jQueryで複数のCSS属性を定義するには?
-
[解決済み] jQueryで多段式フォームをリセットする
-
[解決済み】jQueryのテンプレートエンジン【終了しました