Two submit buttons in one form

Question

I have two submit buttons in a form  How do I determine which one was hit serverside

User · Answer

This is extremely easy to test   lt form action    method  get  gt    lt input type  submit  name  sb  value  One  gt   lt input type  submit  name  sb  value  Two  gt   lt input type  submit  name  sb  value  Three  gt    lt  form gt    Just put that in an HTML page  click the buttons  and look at the URL

User · Answer

There   s a new HTML5 approach to this  the formaction attribute    lt button type  submit  formaction   action one  gt First action lt  button gt   lt button type  submit  formaction   action two  gt Second action lt  button gt    Apparently this does not work in IE9 and earlier  but for other browsers you should be fine  see  w3schools com HTML  lt button  formaction Attribute    Personally  I generally use Javascript to submit forms remotely  for faster perceived feedback  with this approach as backup  Between the two  the only people not covered are IE lt 9 with Javascript disabled   Of course  this may be inappropriate if you   re basically taking the same action server-side regardless of which button was pushed  but often if there are two user-side actions available then they will map to two server-side actions as well   Edit  As noted by Pascal dher in the comments  this attribute is also available on the  lt input gt  tag as well

User · Answer

The best way to deal with multiple submit button is using switch case in server script   lt form action  demo form php  method  get  gt   Choose your favorite subject    lt button name  subject  type  submit  value  html  gt HTML lt  button gt   lt button name  subject  type  submit  value  css  gt CSS lt  button gt   lt button name  subject  type  submit  value  javascript  gt Java Script lt  button gt   lt button name  subject  type  submit  value  jquery  gt jQuery lt  button gt    lt  form gt    server code server script - where you are submitting the form   demo form php   lt  php  switch   REQUEST  subject           case  html     action for html here                 break       case  css     action for css here                 break       case  javascript     action for javascript here                         break       case  jquery     action for jquery here                     break       gt    Source  W3Schools com

User · Answer

HTML example to send different form action on different button click   lt form action  quot  login quot  method  quot POST quot  gt           lt input type  quot text quot  name  quot username quot  value  quot your username quot    gt           lt input type  quot password quot  name  quot password quot  value  quot your password quot    gt           lt button type  quot submit quot  gt Login lt  button gt           lt button type  quot submit quot  formaction  quot  users quot  formmethod  quot POST quot  gt Add User lt  button gt   lt  form gt   Same form is being used to add a new user and login user

User · Answer

Simple you can change the action of form on different submit buttons Click   Try this in document Ready      acceptOffer   click function                form   attr  action     Managers SubdomainTransactions             declineOffer   click function                form   attr  action     Sales SubdomainTransactions

User · Answer

lt form method  post  gt   lt input type  hidden  name  id  value     id    readonly  readonly   gt      any value to post PHP  lt input type  submit  name  update  value  update  formAction  updateCars php   gt   lt input type  submit  name  delete  value  delete  formAction  sqlDelete php   gt   lt  form gt

User · Answer

You formaction for multiple submit button in one form example     lt input type  submit  name    class  btn action bg btn-sm loadGif  value  Add Address  title    formaction   addAddress  gt     lt input type  submit  name    class  btn action bg btn-sm loadGif  value  update Address  title    formaction   updateAddress  gt

User · Answer

Since you didn t specify what server-side scripting method you re using  I ll give you an example that works for Python  using CherryPy  although it may be useful for other contexts  too     lt button type  submit  name  register  gt Create a new account lt  button gt   lt button type  submit  name  login  gt Log into your account lt  button gt    Rather than using the value to determine which button was pressed  you can use the name  with the  lt button gt  tag instead of  lt input gt    That way  if your buttons happen to have the same text  it won t cause problems  The names of all form items  including buttons  are sent as part of the URL  In CherryPy  each of those is an argument for a method that does the server-side code  So  if your method just has   kwargs for its parameter list  instead of tediously typing out every single name of each form item  then you can check to see which button was pressed like this   if  register  in kwargs      pass  Do the register code elif  login  in kwargs      pass  Do the login code

User · Answer

You can also use a href attribute and send a get with the value appended for each button  But the form wouldn t be required then   href   SubmitForm action delete  href   SubmitForm action save

User · Answer

If you give each one a name  the clicked one will be sent through as any other input    lt input type  submit  name  button 1  value  Click me  gt

User · Answer

You can present the buttons like this    lt input type  submit  name  typeBtn  value  BUY  gt   lt input type  submit  name  typeBtn  value  SELL  gt    And then in the code you can get the value using   if request method     POST        valUnits   request POST get  unitsInput           valPrice   request POST get  priceInput          valType   request POST get  typeBtn         valUnits and valPrice are some other values I extract from the form that I left in for illustration

User · Answer

Use the formaction HTML attribute  5th line     lt form action   action page php  method  get  gt      First name   lt input type  text  name  fname  gt  lt br gt      Last name   lt input type  text  name  lname  gt  lt br gt       lt button type  submit  gt Submit lt  button gt  lt br gt       lt button type  submit  formaction   action page2 php  gt Submit to another page lt  button gt   lt  form gt

User · Answer

An even better solution consists of using button tags to submit the form    lt form gt               lt button type  submit  name  action  value  update  gt Update lt  button gt       lt button type  submit  name  action  value  delete  gt Delete lt  button gt   lt  form gt    The HTML inside the button  e g     gt Update lt    is what is seen by the user  because there is HTML provided  the value is not user-visible  it is only sent to server  This way there is no inconvenience with internationalization and multiple display languages  in the former solution  the label of the button is also the value sent to the server

User · Answer

You can also do it like this  I think it s very convenient if you have N inputs     lt input type  submit  name  row 456   value  something  gt   lt input type  submit  name  row 123   value  something  gt   lt input type  submit  name  row 789   value  something  gt    A common use case would be using different ids from a database for each button  so you could later know in the server wich row was clicked   In the server side  PHP in this example  you can read  row  as an array to get the id    POST  row   will be an array with just one element  in the form   id   gt  value    for example     123    gt   something       So  in order to get the clicked id  you do    index   key   POST  row       http   php net manual en function key php

User · Answer

I think you should be able to read the name value in your GET array   I think that the button that wasn t clicked wont appear in that list

User · Answer

lt form gt       lt input type  submit  value  Submit to a  formaction   submit a  gt       lt input type  submit  value  submit to b  formaction   submit b  gt       lt  form gt

User · Answer

Define name as array    lt form action    method POST gt            some input fields            lt input type submit name submit save  value Save gt       lt input type submit name submit delete  value Delete gt   lt  form gt    Example server code  PHP    if  isset   POST  submit            sub     POST  submit         if  isset  sub  save                  save something        elseif  isset  sub  delete                  delete something           elseif very important  because both will be parsed if not   Enjoy

User · Answer

Since you didn t specify what server-side scripting method you re using  I ll give you an example that works for PHP   x000D   x000D   lt  php x000D     if isset   POST  loginForm     x000D       x000D      print r    POST      FOR Showing POST DATA x000D       x000D     elseif isset   POST  registrationForm     x000D       x000D      print r    POST   x000D       x000D     elseif isset   POST  saveForm     x000D       x000D      print r    POST   x000D       x000D     else  x000D   x000D       x000D    gt  x000D   lt html gt  x000D   lt head gt  x000D   lt  head gt  x000D   lt body gt  x000D     x000D     lt fieldset gt  x000D       lt legend gt FORM-1 with 2 buttons lt  legend gt  x000D         lt form method  post   gt  x000D         lt input type  text  name  loginname  value   ABC   gt  x000D   x000D        lt  --Always use type  password  for password -- gt   x000D        lt input type  text  name  loginpassword  value   abc123   gt  x000D        x000D        lt input type  submit  name  loginForm  value  Login  gt  lt  --SUBMIT Button 1 -- gt  x000D        lt input type  submit  name  saveForm  value  Save  gt    lt  --SUBMIT Button 2 -- gt  x000D      lt  form gt  x000D     lt  fieldset gt  x000D   x000D   x000D   x000D     lt fieldset gt  x000D       lt legend gt FORM-2 with 1 button lt  legend gt  x000D        lt form method  post   gt  x000D         lt input type  text  name  registrationname  value   XYZ   gt  x000D         x000D        lt  --Always use type  password  for password -- gt  x000D        lt input type  text  name  registrationpassword  value   xyz123   gt  x000D        x000D        lt input type  submit  name  registrationForm  value  Register  gt   lt  --SUBMIT Button 3 -- gt  x000D      lt  form gt  x000D     lt  fieldset gt  x000D     x000D   x000D   lt  body gt  x000D   lt  html gt  x000D   x000D   x000D    Forms  When click on Login -  loginForm  When click on Save -  saveForm  When click on Register -  registrationForm

User · Answer

Solution 1  Give each input a different value and keep the same name    lt input type  submit  name  action  value  Update    gt   lt input type  submit  name  action  value  Delete    gt    Then in the code check to see which was triggered   if    POST  action       Update           action for update here   else if    POST  action       Delete           action for delete   else         invalid action      The problem with that is you tie your logic to the user-visible text within the input      Solution 2  Give each one a unique name and check the   POST for the existence of that input    lt input type  submit  name  update button  value  Update    gt   lt input type  submit  name  delete button  value  Delete    gt    And in the code   if  isset   POST  update button             update action   else if  isset   POST  delete button             delete action   else         no button pressed

User · Answer

Maybe the suggested solutions here worked in 2009  but ive tested all of this upvoted answers and nobody is working in any browsers   only solution i found working is this   but its a bit ugly to use i think    lt form method  post  name  form  gt   lt input type  submit  value  dosomething  onclick  javascript  form action  actionurl1     gt   lt input type  submit  value  dosomethingelse  onclick  javascript  form action  actionurl2     gt

[html] Two submit buttons in one form

Examples related to html

Examples related to forms

Examples related to submit