css - 如何使用表单外的按钮伪造提交

Question

我想要一个带有新建、保存、取消按钮的顶部菜单，下面有 3 种不同的输入表单，类似于“桌面应用程序”。当 form1 填满时，保存按钮将提交表单。此外，如果 form2 或 form3 已填满，则相同的 Save 按钮可以提交表单，同时考虑到它在不同的表单中。

是否可以这样做，表单标签之外的提交按钮？如果没有，任何建议如何伪造提交？

谢谢你的帮助

Answer 1

您只需要在 jQuery 中使用 .submit 触发提交事件。

这是文档：http ://api.jquery.com/submit/

Answer 2

<input type="submit">您可以使用新的 HTML5<button>元素及其form属性来指定按钮所属的表单，而不是按钮或 jQuery 调用。然后只需将其formaction属性设置为所需的目的地。文档

例子：

<form id="form1">
    ...
</form>
<form id="form2">
    ...
</form>
<form id="form3">
    ...
</form>
<button form="form1 form2 form3" formaction="processForm.php" formmethod="POST">
    Submit
</button>

Answer 3

您可以使用

 $("#formId").submit(function() { /*your stuff*/ });