問題タブ [bootstrapvalidator]

DOM が読み込まれて実行された後にフォームに追加するフィールドを検証する方法を探しています$('#formId').bootstrapValidator()。新しいフィールドを追加して、フォームが送信されたときにそれを検証する方法はありますか?

私は Bootstrap 3 を使用しており、検証には bootstrapValidator( https://github.com/nghuuphuoc/bootstrapvalidator ) を使用しています。入力フィールドに対して適切にエラーメッセージを表示していますが、入力グループでは機能しません( https://github.com/victorjonsson/jQuery-Form-Validator/issues/126 )

上記の github リンクに示されているように、同じ問題が発生します。これは、bootstrapvalidator ではなく、jquery フォーム バリデーターのソリューションです。

誰でもこの問題を解決するのを手伝ってもらえますか?

ここでコードを確認できます：

前もって感謝します。

bootstrap-validatorを使用する次のフォームがあります。

私はvalidator.jsをインポートしていますが、どういうわけか機能しています（送信ボタンを無効にします）が、フォームをテストしてもエラーは表示されません。私が何か間違ったことをしている場所を見つけるのを手伝ってもらえますか?

(プラス: このフォームを生成するために laravel HTML Form Facades を使用しています)

フィールドが検証されたときにラベルの検証色を変更するにはどうすればよいですか? フィールドが検証されると、次のようになります...

正常に検証されたときにラベル「ユーザー名」を標準の黒にしたいのですが、jsファイルとcssファイルを調べましたが、どこで色を変更すればよいかわかりません。以前にこの問題に遭遇した人はいますか?もしそうなら、どのようにしてどこで色を変更できましたか?

ボタンのタイプが送信である限り、フォーム内で検証を実行できることはわかっています。しかし、ビューには他にもいくつかのタブがあり、送信を使用すると、posback が発生し、最初のタブに戻ります。私はそれが起こらないようにしたくないので、検証を関数に入れ、ボタンの種類をボタンに変更し、フォームタグを削除して、ボタンのクリックイベントで検証関数を呼び出してみましたが、起動しませんでした。フォームタグを使わずにこれを行うことは可能ですか?

私のコードはこれです...

ブートストラップ バリデーターを使用して、if else ステートメントに基づいてカスタム バリデーターを追加しようとしていますが、機能していないようです。カスタム検証がどのように機能するかについて混乱しているかもしれませんが、コンソールにログが表示されません...

JS:

HTML:

ページに複数のフォームを配置する必要があるまで、Bootstrap Validator ( http://formvalidation.io/ ) を使用するフォームでコンソール エラーは発生しませんでした。$(form).each() を実行すると、再帰エラーが多すぎます。

これがjavascript app.form_handlerです:

次にpost_ajax関数...

Jquery を使用してブートストラップ バリデータ クラスを追加および削除することに固執しています。div が表示されている場合は検証を追加し、div が非表示になっている場合は削除します。これが私の試みです：

JS コード:

div が表示または非表示になると、検証が機能します。ただし、パスワードがパスワード フィールドのデータと一致していないことを確認します。

divの可視性に従って、パスワードを一致させ、パスワードフィールドを確認する方法を教えてください。