javascript - Two submit buttons in one form with different actions -

i have page edit page includes form 2 buttons (ok , delete). send form via php self. @ top of page there 2 functions test received in post, if received ok, so, , if delete, otherwise. pressing delete button, i'm bouncing confirmation message, , problem. if user clicked ok in confirmation window, try submit form function jquery, , not work.

    <?      if(isset($_post["delete_page"])){        echo "delete page";      }      if(isset($_post["submit"])){        echo "submit page";      }     ?>    <form role="form" data-toggle="validator" method="post" action="<?echo "$_server[request_uri]";?>" id="update_page_frm">     <button type="submit" class="btn btn-success" name="submit">אישור</button>     <button type="button" class="btn btn-danger" name="delete_page" id="delete_page">הסר עמוד</button> </form> 

custom.js:

$(document).ready(function() { $('#delete_page').click(function() { bootbox.confirm("are sure want delete?", function(result) {     if (result) {         $("#update_page_frm").submit();     }       });    });  }); 

it common have multiple actions associated single form. more flexible approach not use native submit type button , instead handle both actions ajax requests. example:

function callaction(action, callback) {      $.ajax({          url: '/path/to/submit/to',          data: {               action: action,               form: $('#update_page_frm').serialize()          },          success: function(response) {              callback(response);          }     }); };  $('#update_page').on('click', function(e) {     e.preventdefault();     callaction('update', function(response) {          console.log('all done!');     }); });  $('#delete_page').on('click', function(e) {     e.preventdefault();     callaction('delete', function(response) {          console.log('all done!');     }); }); 

note above code written on fly here on , untested. should close though.