html:一个form两个提交按钮,分别提交到两个html页面,带有2个提交按钮的HTML表单(HTML form with 2 submit buttons)...

带有2个提交按钮的HTML表单(HTML form with 2 submit buttons)

我有一个带有2个提交按钮的HTML表单。 一个用于提交表单，另一个用于执行Java脚本功能。 当我单击按钮执行Java脚本函数时，它会尝试提交表单。 我该如何处理这种情况。 这就是我希望在单击提交按钮时提交表单，并在单击其他按钮时运行Java脚本功能。

I am having a HTML form with 2 submit buttons. One is for submitting the form and other one is for executing a Java Script function. When I click the button to execute the Java script function it tries to submit the form. How can I handle this situation. That is I want the form to be submitted when the submit button is clicked and Java script function to run when the other button is clicked.

原文：https://stackoverflow.com/questions/35098353

更新时间：2020-08-18 20:08

最满意答案

为什么你使用type="submit"按钮进行javascript操作？

而是使用Button Text

如果您要重置表单，可以使用type="reset"

Why are you using a type="submit" button for the javascript action?

Instead use a Button Text

If you are resetting the form you could use type="reset"

相关问答

使用表单将默认操作绑定到一个提交按钮，然后再绑定到普通按钮的替代操作的心态更适合处理此问题。 这里的区别是，提交之前的任何一个都将是用户通过按Enter键提交表单时使用的，而另一个仅在用户明确点击按钮时触发。 无论如何，考虑到这一点，这应该是：

...

我的建议是不要打这个行为。 您可以使用浮标有效地改变订单。 例如：

有： #buttons { overflow: hidden; }

#buttons input { float: right; }

将有效地反转顺序，因此“下一步”按钮将是通过按Enter

...

我希望这有帮助。 我只是在float右边的按钮的伎俩。 这样一来，上一步按钮就是下一个按钮，但下一个是HTML代码中的第一个： .f {

float: right;

}

.clr {

clear: both;

}

在PHP中，循环遍历$_POST 。 并使用foreach循环检查提交按钮的索引。 对name ， id等使用相同的索引 希望能帮助到你。 用代码更新答案：

...

为什么你使用type="submit"按钮进行javascript操作？ 而是使用Button Text 如果您要重置表单，可以使用type="reset" Why are you using a type="submit" button for the javascript action? Instead use a Button Text

...

你的JavaScript并不是最好的。 你不应该像你一样使用内联(例如使用onsubmit属性)。 相反，它应该是不显眼的，因此即使在用户的浏览器中未启用JavaScript，您的表单也应该有效。 一个例子：

To:

<

...