JQueryでclickイベントにフォームを送信

Question

私は何かを行うForm.Submit関数を持っています。この関数をbutton clickイベントで呼びたいと思います。

マイForm.Submit機能は次のとおりです。

$('#myForm').submit(function() { 

     // get all the inputs into an array. 
     var $inputs = $('#myForm :input'); 

     // get an associative array of objects. 
     var values = {}; 

     $inputs.each(function() { 
      values[this.name] = $(this).val(); 
     }); 

     // Process Dates from form data Format Should be 2016-01-01T16:51:57.000+0000 

     StartDate = values.datastartdate + "T" + values.datastarttime + ".000+0000"; 
     EndDate = values.dataenddate + "T" + values.dataendtime + ".000+0000"; 

     // Data to Submit 
     var formData = { 
      'db': values.db, 
      'Start': StartDate.toString(), 
      'End': EndDate.toString() 
     }; 


     //Use Ajax to submit the form data 
     $.ajax({ 
      url: "http://localhost:3000/api/v1/imagelist_data/", 
      type: 'POST', 
      data: formData, 
      success: function(result) { 
       // ... Process the result ... 
       //alert(formData.db + formData.Start + formData.End); 
       alert(result); 
       Newvalues = result; 
      } 

     }); 

     //$('#example').empty(); 
     table.ajax.reload(function (json) { 
      Newvalues = json; 
     }); 
}); 

マイボタンのクリック機能：私は.click関数内の私Submit.Form機能を貼り付けると

$('#onebutton').click(function(){ 
     alert("The paragraph was clicked."); 
    }); 

それが提出トリガされません。 。フォーム機能。

ヘルプが

Answer 1

は、単にフォームの提出トリガー必要：

$('#onebutton').click(function() { 
    $('#myForm').trigger('submit'); 
}); 

---

あなたがそのように呼ばないので、私は、あなただけの単純.clickに提出する機能の内部コンテンツを置けば、それは動作するはずだと思いますハイジャック形式

Answer 2

簡潔on()とフォームアクションに適切なアクションがあることを前提としています。

$('#onebutton').on("click",function(e){ 
    alert("The paragraph was clicked."); 
    //$('#myForm').submit(); 
});