如何防止非提交按钮上的HTML5表单验证？

Question

包含重置和提交按钮的表单，但两者都会导致HTML5验证。当用户单击重置时，我只想清除字段。假设这是任何表单按钮的默认操作，而不仅仅是提交，如何阻止默认操作，但仍然运行自定义操作？

<button data-ng-click="reset()">Reset Form</button>
<input type="submit" data-ng-click="main.$valid && post('Check')" class="submitbtn" value="Submit" />

Answer 1

为表单提供一个包含onsubmit的{​​{1}}处理程序，并在您的＆＃34;提交＆＃34;处理程序调用{​​{1}}。

Answer 2

将按钮的type属性指定为button：

<button type="button" data-ng-click="reset()">Reset Form</button>

Answer 3

以这种方式设置其type属性：

<button type="button">Reset Form</button>

Answer 4

在ASP.NET中，如果您使用HTML验证，为防止其他按钮提交表单，可以将UseSubmitBehavior属性设置为FALSE。这样可以防止它提交表单并引起验证。

asp:Button ID="btnBack" UseSubmitBehavior="false" OnClick="btnNewGameBack_Click" runat="server" CssClass="btn btn-secondary btn-lg m-1" Text="Back"/>