嵌套表单打破外部表单提交按钮

Question

我有两个HTML表单，一个相当长的表单（用户提交他们订购的产品的详细信息），其中有一个简短的辅助表单（用户可以输入+通过AJAX应用折扣代码）。但是，包括内部表单 - 具有正确的开启和关闭括号 - 似乎打破了外部表单的提交按钮（不会产生javascript错误，点击它时什么都不做）。

为什么会发生这种情况，我该如何解决？

Answer 1

如果您正在执行此操作，则无需将内部“表单”包装在表单标记中。解决方案是将折扣代码的提交按钮绑定到运行AJAX的JavaScript函数，即

HTML

<input type="text" placeholder="Discount Code" name="discountCode">
<a href="javascript:applyDiscount()" class="btn btn-primary">Apply</a>

的Javascript

function applyDiscount() {
     discountCode = $('input[name="discountCode"]').val();
     $.ajax(...);
}