表格中的两个按钮

Question

我的表单中有两个按钮似乎有一些奇怪的行为。无论什么时候添加地址＆＃39;单击按钮，事件处理程序正常执行但在完成后，它还执行“提交”按钮。按钮的事件处理程序。

按钮的代码如下：

a = `gdb -q ./test` ; print a

我可以通过将第一个按钮更改为<button class="btn btn-success" id="add-address">Add Address</button> <button type="submit" class="btn btn-default">Submit</button> 元素来解决此问题，例如：

span

一旦做出改变，一切正常。有人可以解释一下这种行为吗？提前谢谢。

Answer 1

默认情况下，所有button个元素都是submit个按钮。您需要将type="button"添加到第一个，以阻止它在点击时在父form元素上引发提交事件。

<button type="button" class="btn btn-success" id="add-address">Add Address</button>
<button type="submit" class="btn btn-default">Submit</button>

Answer 2

您的代码应如下所示

<button type="button" class="btn btn-success" id="add-address">Add Address</button>
<button type="submit" class="btn btn-default">Submit</button>

始终指定<button>元素的type属性。不同的浏览器可能会为<button>元素使用不同的默认类型。

http://www.w3schools.com/tags/att_button_type.asp