jquery - ajaxをロードしたフォームを使用したjquery検証フォーム

Question

jquery 検証を使用したフォームがあります。フォームを送信した後、 Ajax を介して同じフォームをロードします。私の問題は、jquery の検証が ajax で読み込まれたフォームに対して機能しないことです。スタック オーバーフローのいくつかの回答を試しましたが、残念ながら機能しませんでした。

ありがとうアズ

Answer 1

関数で使用 します。.

例：

 $(document.body).on('click', '.submitBtn', function(){
       $("#form").validate({
          submitHandler: function() {
              // do anything
         } 
    });
 });

Answer 2

新しいフォームを DOM にロードした後、検証プラグインを再初期化する必要があります。これは、以前にロードしたものとは異なる DOM 要素であるためです。これは、新しい HTML を DOM にロードする AJAX コールバック関数で行う必要があります。