1. ホーム
  2. jquery

[解決済み] Twitter BootstrapのポップオーバーをjQueryのバリデーション通知に使うには?

2023-06-08 23:49:43

質問

ポップオーバーを表示させるには ブートストラップ を使えば簡単にポップオーバーを表示させることができますし、バリデーションも標準の jQuery バリデーションプラグイン または jQueryバリデーションエンジン のどちらかを選択する必要があるのですが、片方をもう片方に送り込む方法がわかりません。

必要なものは、通知を表示したいときにバリデータによって呼び出されるフックで、メッセージとターゲット要素をポップオーバーに渡すクロージャを提供することだと思います。これは一種の依存性注入のように思えます。

理論的にはすべて素晴らしいのですが、そのフックがどこにあるのか、あるいはどちらのバリデーションエンジンにも存在するのかどうかさえ、私にはわかりません。私が求めているのはエラーの種類 (メッセージ テキストは必ずしも必要ではありません) とそれに関連する要素だけなのに、どちらも、配置、ラッパー、スタイルに関するあらゆる種類の凝ったオプションで通知を表示する責任を負おうとしているように見えます。私は、個々の通知ではなく、フォーム全体のためのフックを見つけました。

私は、ルールを定義するためにクラスを使用する検証システムをはるかに好みます。なぜなら、それらは動的に作成されるフォームとうまく機能するからです。

どなたか解決策や良いアイデアをお持ちですか?

どのように解決するのですか?

を見てみましょう。 highlightshowErrors jQuery Validatorのオプション これらは、Bootstrapのポップオーバーをトリガーする、独自のエラーハイライトをフックすることができます。