Question

我在<form>中使用了两个按钮。一个用于提交表单，另一个用于向文本字段添加类别。

<button id="catadd" class="btn-default" onclick="me()">+ Add Category</button> 
<button name="submitcreate" id="submitcreate" type="submit" class="btn-default">

类别使用JavaScript添加到文本字段。 onclick="me()"。但是当我点击catadd按钮表单时，也要提交。

如何阻止它。

Answer 1

您需要将type属性设置为button

<form>
<button type="button">click me for some js logic</button>
<button>I am a submit by default !</button>
</form>

Answer 2

没有类型属性的按钮用作type =“ submit”，并且在单击时将尝试提交表单数据。

因此，查询的简单解决方案是指定“类别添加”按钮的类型，例如： <button id="catadd" class="btn-default" onclick="me()">+ Add Category</button>

此处有更多详细信息：https://dev.to/clairecodes/why-its-important-to-give-your-html-button-a-type-58k9

使用表单中的按钮而不提交表单jsp

2 个答案: