嵌套表单提交父表单答案

【问题标题】：Nested form submitting parent form嵌套表单提交父表单
【发布时间】：2014-03-16 13:34:35
【问题描述】：

目前在实施地址查找器时遇到问题。我有它自己的所有工作，我通过 json 给 postcodeanywhere 邮政编码，它会退回我在 select 中输入的地址，然后我将其返回选择的地址 id。

当我将它集成到我的商店结帐页面时，问题就出现了。我通过邮寄进行地址查找并填写表格。当我点击地址查找的提交按钮时，它会提交整个购物表单，就好像我要买东西一样。

我想知道的是，是否有更好的方法可以做到这一点，即不使用表单或如何在表单中包含表单并且只触发嵌套表单操作。我假设我可以使用 ajax，但无法使任何工作，并假设这仍然会使用表单元素？

【问题讨论】：

【解决方案1】：

你可以停止默认表单sublit

$('#form').submit(function (evt) {
    evt.preventDefault();
    //do your postal code job
    $('#form').submit();
});

【讨论】：

【解决方案2】：

虽然您可以在一个 HTML 页面中包含多个 <form> 元素，但您不能嵌套它们。

您应该使用 ajax/jquery ajax 进行地址查找

【讨论】：

【解决方案3】：

您可以在嵌套表单提交处理程序上使用 event.stopPropagation()

【讨论】：