2017-02-09 77 views
0

我有一个Form.Submit函数,它执行某些操作,我想在按钮单击事件中调用此函数。用JQuery提交表单单击事件

我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; 
     }); 
}); 

我按一下按钮功能:

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

当我粘贴。点击功能在我的Submit.Form功能并不触发提交.form函数。

帮助需要

回答

0

只需触发提交形式:

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

我认为,如果你只是简单地把提交功能.click的内内容它应该工作,因为你所谓的形式劫持

+0

非常感谢。它做了特技...... :) –

0

简单on()submit()应该工作,假设表单动作有适当的动作:

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