嵌套形式打破外在形式提交按钮

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