HTML表单两个不同的提交按钮和两个不同的功能

Question

What is the best way to have an HTML form with two submit buttons and have them both do two different functions without using inline JavaScript? I can use Jquery so doing $('#id').submit(function (event) {}); would be fine. Thanks.

Answer 1

Don't make them <input type="submit"> , make them <input type="button"> .

If you are doing a basic HTTP POST , then add a click event that will

1. change the action on the form
2. call submit() on the form.

If you're submitting via Ajax, the click events will just manage the $.post() process for each button.

Answer 2

If you are posting the form data to the next page you could detect which button is clicked on, and assign a value to each button such as "button 1" value=1 and "button 2" value= 2. Then execute different functions on the page based on which button is clicked. Here is a similar question:

How do I use two submit buttons, and differentiate between which one was used to submit the form?