jQueryを使用してAJAXコールバック内からフォーム送信をトリガー

Question

フォームが送信される直前にajaxリクエストを実行してから、ajaxコールバックからフォーム送信をトリガーします。しかし、私は提出トリガーしようとすると、私は次のエラーを取得：

<form id="myform" method="post" action="http://www.google.com" > 
     <input type="text" name="email" id="test" size="20" /> 
     <input id="submit" name="submit" type="submit" value="Submit" /> 
    </form> 

    <script> 

    function do_ajax() { 

     var jqxhr = $.get("#", function(){ 

      // Once the ajax function is complete, I want to submit my form: 
      $('#myform').submit(); 

     }); 
    } 

    $(function() { 

     $('#submit').click(function (e) { 


      // When the user clicks submit, I want to perform an ajax request first: 
      e.preventDefault(); 
      do_ajax(); 

     }); 
    }); 

</script> 

困惑：

Uncaught TypeError: Property 'submit' of object # is not a function

をここで全体のコードです。

Answer 1

問題は送信ボタンがその名前によって干渉していると思います。私はこれについて何かを読んだことがあります、Googleはリンクします。

ただ、名前とIDを変更し、それが動作します：

<input id="submit2" name="submit2" type="submit" value="Submit" /> 

Answer 2

私はあなたが提出するイベントを処理するために、とにかく何をしたいのか、本当に明確持っていない例から：

$("#formId").submit(function() { 
    // Do here whatever you want 
    return false; 
}); 

をし、別のオブジェクト（ない送信ボタン）をクリックして提出を発射します。

$("#another").click(function() { 
    $('#formId').submit(); 
}); 

私はあなたのフォームにIDを与える（ページが複数のフォームを持つことができます）、あなたはget("#")であなたのラインを確認することをお勧めします。それは何をすべきか？

Answer 3

これはテストされていない、あなたはあなたのAJAXコールバック内の関数を呼び出すように動作するはずですし、最もエレガントな解決策になるが、ここにないかもしれません。..

(function($){ 

    $(function(){ 

     var evtListner = function(){ 
      $("#submit").on('click', function(e){ 
       e.preventDefault(); 
       do_ajax($(this)); 
      }); 
     } 

     var do_ajax = function(scope){ 
      var scope = scope; 
      $.get('#', function(){ 
       submit_it(scope); 
      }); 
     } 

     var submit_it = function(scope){ 
      scope.submit(function(){ 
       // 
      }); 
     } 

     evtListner();//initial call 
    }); 

})(jQuery);