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

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(...);
}