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

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