用不同的提交按钮提交表单

Question

I have a form that can be sent with different submit buttons:

<form id="my_form">
  <button type='submit' name='first_button'>
  <button type='submit' name='second_button'>
<form>

I have created handler onclick via jquery for submit buttons which prevent default action, and doing some work but then I need to submit this form.

If I just simulate click on button - all actions triggered to onclick works once again.

If I use, the following code, it will just activate submit of first button:

$("#my_form").get(0).submit();

So how can I send the form differently according to the button that was clicked?

Answer 1

Prevent default form submit.

$("#my_form").submit(function(e){
    return false;
});

// adding id or class to btns is better.. // add differnt event listners to buttons which will perform the submit action

$("[name='first_button']").on('click', function(){...});

$("[name='second_button']").on('click', function(){...});