問題タブ [jqbootstrapvalidation]

同じページに 2 つのフォームがあるページがあります。2 つのフォームは、ビューポート (レスポンシブ デザイン/メディア クエリ css) に基づいて表示されます。

このページでは、フィールドを検証するためにbootstrapvalidatorを使用し、ブラウザをリロードせずにフォームを送信するために Ajax を使用しています。bootstrapvalidator により、Ajax コードは次のようになります。つまり、すべてのフォームを対象とするコードです。

このコードの問題は、コードが 2 つのメールを送信するという事実にあるようです。1 つは表示されているフォーム用で、もう 1 つは非表示のモバイル/タブ フォーム用です。成功メッセージは実際には両方のフォームに表示されます (デスクトップとモブ/タブレットの両方を対象とするようにブラウザーのサイズを変更すると、両方のフォームの成功メッセージが表示されます)。最初に、送信ボタンの送信名/IDの名前の競合e.preventDefault();が問題の原因であると考えました。しかし、今では、同じページに 2 つのフォームが存在することに関係していると確信しています。なぜなら、この問題全体を解決する唯一の方法は、フォームの 1 つを完全に削除することであり、それは実際には解決策ではないからです。 !

私のフォームは、フォーム ID (html5form/html5formmob) と入力送信 ID (mob/desk) が異なる次のようになります。

私の質問は、CSS または JS を使用してフォーム全体を無効/有効にする方法はありますか? ..これが解決策になる可能性がありますか、それとも他の提案はありますか?

モーダル内のフォームにブートストラップバリデーターを使用しています。バリデーターは、後続のフォームアクセスで保持されます。たとえば、次の操作を行う場合

1. フォームにアクセスして、有効な値を入力し、フォームを送信します。

2. フォームに再度アクセスします。以前のフォーム送信で有効なエントリを入力したため、フィールドの色は緑色のままです。

   /li>

検証プロセスは正しく、データ入力も行われていますが、フォーム送信の瞬間に各テーブルにレコードが 2 回挿入されます。

lib_book_reg.js Javascript コード

lib_book_reg.php PHP コード

laravelでBootstrap Validationを使用しているときに問題に直面しています。数値である必要があり、何らかの値よりも大きい必要がある入力フィールドがあります。2 つ目は、ドロップダウン変更オプションで入力フィールドを変更できることです。送信ボタンをクリックすると正常に動作します。しかし、ドロップダウンからオプションを変更して送信ボタンをクリックできない場合は、まだ無効になっています。私のコードは

入力値を更新した後、この行も追加しました

ただし、検証は、送信ボタンをクリックした後に初めて機能します。誰かが私がどこから間違っているかを教えてもらえますか? 前もって感謝します。